一.什么是BFC
BFC是一个独立的渲染区域，区域外部的元素布局（浮动）不会影响区域内部元素。同样区域内部元素布局不会影响外部元素。
二.特点
1.同一个BFC区域内的盒子margin会重叠
2.同一个BFC内的块元素都贴着BFC左边排列，即使其中一个元素浮动也是如此(自适应两栏布局)
3.计算BFC高度时，浮动元素也参加计算
三.触发条件
1.float不为none
2.overflow不为visitible
3.position不为static或relative
4.display为inline-block、flex、inline-flex、table-cell
四.应用
1.清除浮动
2.两列自适应布局
3.解决margin重叠问题
