BFC的理解

什么是BFC

BFC 是 Block Formatting Context （块级格式上下文）的缩写

BFC是一个独立的空间，里面子元素的渲染不影响外面的布局

作用

解决margin塌陷

清除浮动

如何处罚BFC

overflow: hidden

display: inline-block / table-cell / flex

position: absolute / fixed