什么是BFC:
Block 块
Formatting 格式化
Context 上下文
直译为块级格式化上下文,是CSS规则里【独立的渲染区域】有自己的渲染规则,只有块状的盒子参与
作用(帮我们解决了什么问题)?
1.清浮动
2.margin值塌陷问题
3.创建两列布局(BFC区域不与浮动元素重叠)
应用: 父元素overflow可以解决margin值塌陷,浮动问题
原理: 生成BFC改变了它的渲染规则— 所以margin值塌陷问题、浮动问题