8.3 CSS布局模型体系结构

CSS布局模型体系结构描述CSS各模型之间的关系，流式布局模型是整个模型体系的枢纽。

CSS布局模型共包括12个基础模型。

（1）盒子模型是众多模型的基本单元。各种CSS布局模型都是对盒子的排列。

（2）display模型是众多模型的顶级模型。

（3）流式布局模型是众多模型的枢纽，它的内部包括3个常用子模型。其它display-inside模型的内部默认也是流式布局，例如table布局的td与th内部、flex子元素内部、grid子元素内部，定位、溢出、堆叠内部默认也是流式布局。

（4）BFC模型是表面最简单的模型。

（5）IFC模型是文本排版模型。有文本的地方就有IFC模型。

（6）CSS还包括其它模型，当一个CSS属性或方案的内容足够丰富，有相应的结构与规范规则，都可以针对的总结出一个模型，方便研究。