块级格式化上下文,独立的渲染区域。
触发BFC
- float非none
- overflow非visible
- display:table-cell | table-caption | inline-block
- position:absolute | fixed
- fieldset元素
BFC特性:
- 块级格式化上下文阻止外边距叠加
- 块级格式化上下文不会重叠浮动元素
- 块级格式化上下文可以包含浮动
- 计算 BFC 的高度,浮动原生也参与计算
BFC的元素就是一个独立的盒子,里面的子元素不会再布局上影响外面的元素,属于文档中的普通流