BFC到底是什么？

经常听到说“触发BFC”的说法，那BFC到底是什么呢?

BFC全称block format context块级格式化上下文，给盒子添加BFC属性，会使浏览器给特定的盒子按另一种语法渲染。

能够触发BFC的属性有：

1)position:absolute/fixed;

2)overflow:hidden（最常用）/auto/scroll;

3)display:inline-block;

4)float:left/right;

值得注意的是，设置absolute和float会让盒子自动变成display:inline-bloack。

BFC的作用：

1）给父级元素清除浮动，避免高度塌陷；

2）垂直margin合并。

3）在两栏布局中，可以用BFC避免浮动兄弟元素的遮盖。

以上是我对BFC的总结。