CSS之BFC
CSS之BFC
Lieme1. 什么是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