1回答

好帮手慕夭夭

2020-06-08

已采纳

同学你好，问题解答如下：

1.overflow:hidden还有一个作用就是超出隐藏。即一个盒子里面的内容溢出，溢出的内容就会被隐藏。大块的内容意思就是说一个盒子中内容比较多，里面的内容可能会超出，例如头部导航出现下拉菜单，下拉菜单肯定要超出父容器的，此时设置overflow:hidden就会把下拉菜单隐藏了。所以最好使用父级div定义伪类:after的方法。

而小块说的是内容比较少的，使用overflow:hidden比较简单。当然了，使用伪类的方式也可以。

2.这里老师给你说一下三种浮动的优缺点，参考如下：

（1）第一种 , 结尾处加空div标签clear:both

优点：简单，代码少，浏览器支持好

缺点：如果页面浮动布局多，就要增加很多空div ,会感觉很麻烦了

（2）第二种,父级div定义overflow:hidden

优点：简单，代码少，浏览器支持好

缺点：因为此属性另一个作用是超出盒子区域的内容会被隐藏。不能和position配合使用，因为超出的尺寸的会被隐藏

（3）第三种 , 父级div定义伪类:after和zoom

优点：浏览器支持好，不容易出现怪问题。

缺点：代码多，要两句代码结合使用，才能让主流浏览器都支持。

但是在实际开发中，第三种是应用比较多的。因为一个网站中会有很多需要清除浮动的地方。只要在css中定义一次，哪里需要清除浮动，哪里就使用clearfix这个类名即可，用起来比较方便。

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

2