文档：Visual formatting model - CSS: Cascading Style Sheets | MDN
1.简介
Visual Formatting Model描述了用户代理如何获取文档树，并显示它。
文档树中的每个元素根据盒子模型生成零个或多个盒子。
这些框的布局受以下约束：
- 盒子尺寸和类型。
- 定位方案（正常流动、浮动和绝对定位）。
- 文档树中元素之间的关系。
- 外部信息（视口大小、图像的内在尺寸等）。
2.视口
视口是浏览器窗口的查看区域。
当视口大小改变时，用户代理可以改变页面的布局
如果视口小于文档的大小，则用户代理提供方法来滚动到文档中未显示的部分。
3.盒子生成
盒子生成是 CSS 视觉格式化模型的一部分，它从文档的元素创建盒子。
生成的盒子有不同的类型，这会影响它们的视觉格式。
生成盒子的类型取决于 CSS display 属性的值。
对于每个元素，CSS 生成零个或多个由该元素的属性值指定的盒子。
4.主盒子
当一个元素生成一个或多个盒子时，其中一个是主盒子
包含了它的后代盒子和盒子树中生成的内容，也是任何定位方案中涉及的盒子。
