CSS 盒子模型

CSS 盒模型模組定義了 margin 和 padding 屬性，這些屬性與 height、width 和 border 屬性一起，構成了 CSS 盒模型。

網頁上每個可見元素都是一個按照 視覺格式化模型 排列的盒子。CSS 屬性定義了它們的大小、位置和堆疊級別，其中盒模型屬性（以及其他屬性）定義了每個盒子的外在大小以及它們周圍的空間。

每個盒子都有一個矩形內容區域，其中顯示任何文字、影像和其他內容。內容可以被填充（padding）、邊框（border）和外邊距（margin）環繞，可以是一個或多個側面。填充在內容周圍，邊框在填充周圍，外邊距在邊框外部。盒模型描述了這些特性——內容、填充、邊框和外邊距——如何協同工作以建立 CSS 顯示的盒子。

CSS 盒模型模組定義了物理（或“頁面相對”）屬性，例如 margin-top 和 padding-top。流相對屬性，例如 margin-block-start 和 margin-inline-start（與文字方向相關）在邏輯屬性和值中定義。盒模型模組由 CSS 盒大小調整模組擴充套件，該模組引入了固有大小值，並允許為至少一個維度自動調整大小的元素定義縱橫比。