BFC

BFC是一個html盒子而且至少知足下列條件中的任何一個：

1.float的值不爲none

2.position的值爲fixed或absolute

3.display的值爲table-cell,table-caption,inline-block,flex或者inline-flex中其中一個

4.overflow的值不爲visible

用途：

　　1）防止外邊距摺疊（用一個bfc包含其中一個元素，使其外邊距不能穿透）

　　2）BFC能夠包含浮動的元素（清除浮動）

　　3）BFC能夠阻止元素被浮動元素遮蓋（爲元素設置overflow：hidden，防止被浮動元素遮蓋）

　　4）自適應兩欄佈局（同3）

 

自適應兩欄佈局：