清理浮动的方法,每种方法是有自己的局限性还是说每种方法都可以适用于所有情况?
来源:2-11 清除浮动的常用方法
zhangwenxin
2020-03-05 12:31:19
清理浮动的方法,每种方法是有自己的局限性还是说每种方法都可以适用于所有情况?
1回答
同学你好,这几种方法各有优缺点,可以视情况使用哦,即:
1、第一种 , 结尾处加空div标签clear:both

优点:简单,代码少,浏览器支持好
缺点:如果页面浮动布局多,就要增加很多空div ,会感觉很麻烦了
2、第二种,父级div定义overflow:hidden

优点:简单,代码少,浏览器支持好
缺点:因为此属性另一个作用是超出盒子区域的内容会被隐藏。不能和position配合使用,因为超出的尺寸的会被隐藏
3、第三种 , 父级div定义伪类:after和zoom

优点:浏览器支持好,不容易出现怪问题。
缺点:代码多,要两句代码结合使用,才能让主流浏览器都支持
如果我的回答帮助了你,欢迎采纳,祝学习愉快~
相似问题