几种可以清除浮动的方法

最新推荐文章于 2022-04-01 12:05:13 发布

zxliyao

最新推荐文章于 2022-04-01 12:05:13 发布

阅读量221

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/zxliyao/article/details/111876556

版权

1.添加额外标签，例如<div style="clear:both"></div>
2. 使用br标签和其自身的html属性，例如

3.父元素设置 overflow：hidden；在IE6中还需要触发hasLayout，例如zoom：1
4.父元素设置 overflow：auto 属性；同样IE6需要触发hasLayout
5.父元素也设置浮动
6.父元素设置display:table
7.使用:after 伪元素；由于IE6-7不支持:after，使用 zoom:1触发 hasLayout
注解：浮动会漂浮于普通流之上，像浮云一样，但是只能左右浮动。正是这种特性，导致框内部由于不存在其他普通流元素了，表现出高度为0（高度塌陷）