8.1 CSS 排版上下文概述

Formatting Context（简写FC）是 W3C CSS2.1 规范中的一个概念，它是页面中的一块渲染区域，有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。

CSS3又引入了一些新的格式化上下文类型。

正常流中的元素盒子都归属于一个排版上下文。

最常见的 Formatting context 有如下4个：

• BFC：Block fomatting context，块排版上下文，CSS2.1引入
• IFC：Inline formatting context，内联排版上下文，CSS2.1引入
• GFC：Grid Formatting context，网格排版上下文，CSS3引入
• FFC：Flex formatting context，弹性排版上下文，CSS3引入

块级盒子（Block-level box）被容纳在BFC中，而内联级盒子（Inline-level boxes）被容纳在IFC中。