CSS 盒模型

CSS 盒子模型模块定义了height、width、margin和padding属性，这些属性与边框属性一起构成了 CSS盒子模型。

网页上的每个可见元素都是一个盒子，根据视觉格式化模型进行布局。CSS 属性定义了它们的大小、位置和堆叠级别，其中盒子模型属性（和其他属性）定义了每个盒子的外部大小以及它们周围的空间。

每个盒子都有一个矩形的 content 区域，其中显示任何文本、图像和其他内容。内容周围可以有填充、边框和边距，在其中一个或多个侧面。填充围绕内容，边框围绕填充，边距位于边框外部。盒子模型描述了这些特性（内容、填充、边框和边距）如何协同工作以创建由 CSS 显示的盒子。

CSS 盒子模型模块定义了物理（或“页面相关”）属性，如width和margin-top。流动相关的属性，如inline-size和margin-block-start（与文本方向相关）在逻辑属性和值中定义。盒子模型模块由CSS 盒子大小模块扩展，该模块引入了内在大小值，并能够为至少在一个维度上自动调整大小的元素定义纵横比。