块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。
下列方式会创建块格式化上下文：
- 根元素或包含根元素的元素
- 浮动元素（元素的 不是
none） - 绝对定位元素（元素的 为
absolute或fixed） - 行内块元素（元素的 为
inline-block） - 表格单元格（元素的 为
table-cell，HTML表格单元格默认为该值） - 表格标题（元素的 为
table-caption，HTML表格标题默认为该值） - 匿名表格单元格元素（元素的 为
table、table-row、table-row-group、table-header-group、table-footer-group（分别是HTML table、row、tbody、thead、tfoot的默认属性）或inline-table） - 值不为
visible的块元素 - 值为
的元素 - 值为
layout、content或strict的元素 - 弹性元素（为
flex或inline-flex元素的直接子元素） - 网格元素（为
grid或inline-grid元素的直接子元素） - 多列容器（元素的 或 不为
auto，包括column-count为1） column-span为all的元素始终会创建一个新的BFC，即使该元素没有包裹在一个多列容器中（，）。
一个新的 display 属性的值，它可以创建无副作用的BFC。在父级块中使用 display: flow-root 可以创建新的BFC。