关于此处overflow:hidden的问题
来源:2-3 html5页面布局(表现层_banner)
慕雪9296518
2020-02-29 19:06:21
老师好,原来overfloat:hidden的作用是防止div高度坍塌,现在这个overflow:hidden作用说是防止溢出。这里有点问题,是说防止图片超出部分溢出?那怎么知道那个部分才是溢出来的?总不能是系统默认图片两边的是溢出来的吧,好像也没设置到底图片哪个部分才是真正需要的。
1回答
同学你好,关于你的问题,回答如下:
1、overflow:hidden;属性有两个作业,一个是可以解决子元素浮动导致的父级高度坍塌。另一个就是超出隐藏。
2、这里的超出是超出包裹图片的li元素设置的宽高。比如:li本身设置的宽高是100px;但是图片的宽高200px;宽高比父元素li要大,li存放不下,就会超出。而给li设置overflow:hidden;可以将超出的这部分隐藏。
如果我的回答帮助了你,欢迎采纳,祝学习愉快~
相似问题