8.1 CSS 排版上下文概述

共有4个FC类型

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中。