有多少CSS格式上下文？

Question

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

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

Answer 1

通常，“格式化上下文”只是在正常流程中布局（或格式化）特定类型的后代框（例如块，内联，弹性项）的区域。

在CSS2.1中，只有两种格式化上下文：块和内联。在section 9.4中适当地描述了这两个。没有表格格式化上下文，至少不是CSS2.1定义的;相反，它简单地说a table box establishes a block formatting context，但其内容以表格形式列出。

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

• Flexbox：flex容器建立flex格式化上下文。
• Grid Layout：网格容器建立网格格式化上下文。