CSS高级特性

Visual formatting model介绍

W3C Recommendation中给出的定义是：

how user agents process the document tree for visual media.

• user agents: 一般为浏览器。
• document tree: 源文档中元素树的编码。
• visual media: 展现页面的介质。如：显示器。

在 Visual formatting model中，每一个在document tree中的元素都将根据盒模型生成零个或者多个box。这些盒子的布局受以下因素的影响：

• box的尺寸和类型。
• 定位方案(normal flow, float, and absolute positioning)。
• 元素在document tree中的关系。
• 外部信息(如：viewport size等)。