BFC全稱Box Formatting? Context（塊級(jí)格式化上下文）。是一個(gè)獨(dú)立渲染區(qū)域，只能針對(duì)塊級(jí)元素，與外部區(qū)域毫不相干。

BFC布局規(guī)則：

1、內(nèi)部的Box會(huì)在垂直方向，一個(gè)接一個(gè)地放置。

2、Box垂直方向的距離由margin決定。屬于同一個(gè)BFC的兩個(gè)相鄰Box的margin會(huì)發(fā)生重疊

3、每個(gè)元素的margin box的左邊， 與包含塊border box的左邊相接觸

4、BFC就是頁(yè)面上的一個(gè)隔離的獨(dú)立容器，容器里面的子元素不會(huì)影響到外面的元素。

5、BFC的區(qū)域不會(huì)與float box重疊。

6、計(jì)算BFC的高度時(shí)，浮動(dòng)元素也參與計(jì)算

哪些元素會(huì)觸發(fā)BFC？