在CSS中，box model（盒子模型）是要討論的一個重要概念。Box model是CSS中的布局基礎，用于指定元素的尺寸和相對位置。像
、
、等HTML元素都可以被視為矩形盒子。
在box model中，每個盒子由四個部分組成，分別是：margin（外邊距）、border（邊框）、padding（內邊距）和content（內容）。其中margin、border和padding統稱為盒子的“框架”（box edge）。
.box {
width: 200px;
height: 100px;
margin: 10px;
border: 1px solid black;
padding: 20px;
}通過box model，我們可以精確地控制每個盒子的大小和位置。使用margin和padding屬性來設置盒子的邊距，使用border屬性來設置盒子的邊框樣式。一般來說，margin用于控制元素之間的距離，padding用于控制元素內部內容的位置。
當頁面中存在多個嵌套的盒子時，我們需要注意不同盒子之間的box model是如何組合的。對于外層盒子而言，其大小由內部盒子的大小加上padding、border和margin共同決定。
了解box model是CSS布局的基礎，我們可以更好地理解和掌握各種布局技巧。同時也需要注意，不同瀏覽器對box model的解析并不完全一致，會有一定的差異。