## CSS的可视化格式模型 **这一部分内容很多参考《精通CSS-高级Web标准解决方案》以及参考来源** 前面提到了整体的渲染概念，但实际上文档树中的元素是按什么渲染规则渲染的，是可以进一步展开的，此部分内容即： **CSS的可视化格式模型** 先了解： - CSS中规定每一个元素都有自己的盒子模型（相当于规定了这个元素如何显示） - 然后可视化格式模型则是把这些盒子按照规则摆放到页面上，也就是如何布局 - 换句话说，盒子模型规定了怎么在页面里摆放盒子，盒子的相互作用等等 说到底： **CSS的可视化格式模型就是规定了浏览器在页面中如何处理文档树** 关键字： ``` 包含块（Containing Block） 控制框（Controlling Box） BFC（Block Formatting Context） IFC（Inline Formatting Context） 定位体系 浮动 ... ``` 另外，CSS有三种定位机制：`普通流`，`浮动`，`绝对定位` 。