一.什么是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重叠问题