清除浮动有很多种?那么你们知道现在最常用的是哪一种呢?
在企业开发中,利用伪元素清除浮动是最佳选择之一。
那么,什么是利用伪元素清除浮动呢?
相信用过 Bootstrap 框架开发过项目的人都知道,废话不多说,直接上代码。
View Code
- 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 伪元素清除浮动。
就是这么简单,赶快用起来吧
来源: http://www.cnblogs.com/Afanail/p/6729814.html