CSS之BFC

1. 什么是BFC?

BFC(块格式上下文), 在css中渲染页面是按照块级盒子布局,W3C对于BFC的定义如下:

浮动元素和绝对定位元素,非块级盒子的块级容器,
以及overflow值不为 visiable 的块级盒子,都会为他们的内容创建新的BFC

2. BFC的作用

1. 不和浮动元素重叠
2. 清除元素内部浮动
3. 防止margin重叠

3. BFC的形成条件

1. float的值不能为none
2. overflow的值不能为visible
3. display的值为table-cell, table-caption, inline-block中的任何一个
4. position的值不为relative和static