盒模型和bfc

[into-piece]

盒模型是通过文档树中的元素和视觉可视化模型生成的矩形盒子

基础盒模型

浏览器在渲染render tree得时候，渲染引擎会根据基础盒模型将元素划分为一个个矩形盒子，这些盒子的外观，属性由css来决定。

视觉格式化模型

CSS 的视觉格式化模型(visual formatting model) 是根据 基础盒模型(CSS basic box model) 将 文档(doucment) 中的元素转换一个个盒子的实际算法。 官方说法就是： 它规定了用户端在媒介中如何处理文档树( document tree )。