CSS盒子模型是Web開發中重要的概念之一，其定義了HTML元素在網頁中的表現。盒子模型由四個部分組成，包括內容(content)、內邊距(padding)、邊框(border)和外邊距(margin)。其中內容部分包含著HTML元素的實際內容，內邊距則是內容和邊框之間的空間，邊框則是內容之外的邊框線，外邊距則是邊框和其他元素之間的空間。

.box {
width: 400px;
height: 300px;
padding: 20px;
border: 1px solid #ccc;
margin: 20px;
}

在CSS中，可以使用padding和margin屬性來設置內邊距和外邊距的大小。但是，在設置盒子模型的寬度時需要注意，盒子模型的總寬度包含了內容寬度、內邊距寬度、邊框寬度和外邊距寬度。因此，設置盒子模型的寬度時需要將這些部分全部計算進去。

如果想要讓盒子模型的寬度填充整個父元素的寬度，可以使用以下的代碼：

.box {
box-sizing: border-box;
width: 100%;
padding: 20px;
border: 1px solid #ccc;
margin: 20px;
}

通過設置box-sizing屬性為border-box，可以讓盒子模型的寬度包括了內邊距和邊框寬度，從而達到填充整個父元素寬度的效果。