清除浮动的七种方法
BFC (block formatting context) 清除浮动
给父标签添加一个浮动(不推荐,打乱页面的布局)
给父标签加上一个
display:inline-block
(不推荐,打乱页面的布局)给父标签添加一个height(不推荐,扩展性很差)
加上一个
<br clear="all"/>
(不推荐,不符合W3C的规范,结构,样式,行为三者要分离)- 在最后一个浮动标签加上一个带有clear样式的标签,加上去的标签,一定具有
display:block
(不推荐,不符合W3C的规范,结构,样式,行为三者要分离) - 给父标签用伪类选择器element:after{content:”;display:block;clear:both;}(推荐,大多数时间选择使用这个)
- 给父标签添加一个溢出隐藏,
overflow:hidden