关于此处overflow:hidden的问题

来源:2-3 html5页面布局(表现层_banner)

慕雪9296518

2020-02-29 19:06:21

老师好,原来overfloat:hidden的作用是防止div高度坍塌,现在这个overflow:hidden作用说是防止溢出。这里有点问题,是说防止图片超出部分溢出?那怎么知道那个部分才是溢出来的?总不能是系统默认图片两边的是溢出来的吧,好像也没设置到底图片哪个部分才是真正需要的。

写回答

1回答

好帮手慕糖

2020-03-01

同学你好,关于你的问题,回答如下:

1、overflow:hidden;属性有两个作业,一个是可以解决子元素浮动导致的父级高度坍塌。另一个就是超出隐藏。

2、这里的超出是超出包裹图片的li元素设置的宽高。比如:li本身设置的宽高是100px;但是图片的宽高200px;宽高比父元素li要大,li存放不下,就会超出。而给li设置overflow:hidden;可以将超出的这部分隐藏。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程