清除浮动有很多种?那么你们知道现在最常用的是哪一种呢?

在企业开发中,利用伪元素清除浮动是最佳选择之一。

那么,什么是利用伪元素清除浮动呢?

相信用过Bootstrap框架开发过项目的人都知道,废话不多说,直接上代码。

 .container:before,
.container:after {
display: table;
content: " ";
}
.container:after {
clear: both;
}

把产生的伪元素的display设置为table,这时候一个新的匿名的BFC(块级格式化上下文)和table-cell被创建,:before伪元素的作用是防止上边距崩塌,:after 伪元素清除浮动。

就是这么简单,赶快用起来吧

04-16 10:01