css - 有多少个 CSS 格式化上下文？

Question

我正在阅读 CSS2.1 规范。我知道“块格式化上下文”、“内联格式化上下文”、“表格/网格/flex 格式化上下文”。

我想知道，有多少种“格式化上下文”？有完整的清单吗？

Answer 1

一般而言，“格式化上下文”只是一个区域，其中某种类型的后代框（例如块、内联、弹性项目）以正常流程布局（或格式化）。

在 CSS2.1 中，只有两种格式化上下文：块和内联。9.4 节对这两种情况进行了适当的描述。没有表格格式化上下文这样的东西，至少不是 CSS2.1 定义的；相反，它只是说一个表格框建立了一个块格式化上下文，但是它的内容以表格的方式布局。

其他类型的格式化上下文在它们各自的 CSS3 模块中定义，因此可能没有详尽的列表。也就是说，一些例子包括：

• Flexbox：弹性容器建立弹性格式化上下文。
• 网格布局：网格容器建立网格格式化上下文。