8.3 CSS布局模型体系结构

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

img


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

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

(2)display模型是众多模型的顶级模型。

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

img

(4)BFC模型是表面最简单的模型。

(5)IFC模型是文本排版模型。有文本的地方就有IFC模型。

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