BFC详解（块级格式化上下文，用于清除浮动，防止margin重叠等）
定义：块级格式化上下文，是一个独立的渲染区域，并且有一定的布局规则。
- BFC区域不会与float box重叠
- BFC是页面上的一个独立容器，子元素不会影响到外面
- 计算BFC的高度时，浮动元素也会参与计算
哪些元素会生成BFC：
- 根元素
- float不为none的元素
- position为fixed和absolute的元素
- display为inline-block、table-cell、table-caption，flex，inline-flex的元素
- overflow不为visible的元素
版权声明：本文为qq_42714209原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。