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）

 

自适应两栏布局：