清除浮动有很多种?那么你们知道现在最常用的是哪一种呢?
在企业开发中,利用伪元素清除浮动是最佳选择之一。
那么,什么是利用伪元素清除浮动呢?
相信用过Bootstrap框架开发过项目的人都知道,废话不多说,直接上代码。
.container:before,
.container:after {
display: table;
content: " ";
}
.container:after {
clear: both;
}
把产生的伪元素的display设置为table,这时候一个新的匿名的BFC(块级格式化上下文)和table-cell被创建,:before伪元素的作用是防止上边距崩塌,:after 伪元素清除浮动。
就是这么简单,赶快用起来吧