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