Css清除浮动最优方式之一

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

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

那么，什么是利用伪元素清除浮动呢？

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

1 .container:before,
2 .container:after {
3   display: table;
4   content: " ";
5 }
6 .container:after {
7   clear: both;
8 }
View Code

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

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

posted @ 2017-04-18 20:28  Afanail  阅读(139)  评论(0)  编辑  收藏  举报