老师,我有一个问题
来源:3-3 表示层--图片区域
慕村梦花火
2020-04-18 22:27:59
在视频中4:45的时候,为什么老师要加一个overflow:hidden; 我没加overflow:hidden之前也没有滚动条啊,加上以后图片却不显示了
1回答
同学你好,问题解答如下:
1、在正常文档流中,第一个子元素设置margin-top值,父元素会跟着向下移动,这是浏览器的bug。本身body高度为100%,再加上下移,就会出现滚动条。添加上overflow:hidden;可以解决一起下移的问题。
2、同学测试效果不一致,可能是分辨率的问题。视频中老师用的电脑分辨率大一些,视口高度也就会大一些,内容不超出视口高度就不会出现滚动条,相反同学的电脑分辨率小一些,视口高度也就会小一些,相同高度的内容垂直方向上就会出现滚动条。
如果添加上overflow:hidden;属性图片部分被隐藏,那么就可以不添加。如果测试过程中有问题的话,可以将自己写的html,css代码粘贴上来,老师帮助测试。
祝学习愉快!
相似问题