清理浮动的方法,每种方法是有自己的局限性还是说每种方法都可以适用于所有情况?

来源:2-11 清除浮动的常用方法

zhangwenxin

2020-03-05 12:31:19

清理浮动的方法,每种方法是有自己的局限性还是说每种方法都可以适用于所有情况?

写回答

1回答

好帮手慕糖

2020-03-05

同学你好,这几种方法各有优缺点,可以视情况使用哦,即:

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

http://img.mukewang.com/climg/5e60a9a109751e8d05110247.jpg

优点:简单,代码少,浏览器支持好

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

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

http://img.mukewang.com/climg/5e60a9b8095a1b2c05050148.jpg

优点:简单,代码少,浏览器支持好

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

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

http://img.mukewang.com/climg/5e60a9c5099b929104420293.jpg

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

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

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

0

0 学习 · 40143 问题

查看课程