CSS盒子模型是在網頁布局中非常重要的一部分，它定義了HTML頁面中所有元素的寬度、高度和邊界。在CSS中，每個元素都被視為一個矩形盒子，其中包括四個部分：內容、內邊距、邊框和外邊距。在這種情況下，盒子的寬度可以包括邊框。

.box {
width: 300px;
height: 200px;
border: 5px solid #ccc;
padding: 10px;
margin: 20px;
}

只有在定義盒子的寬度包括邊框時，盒子的實際寬度才與外部寬度相同。在這種情況下，內邊距和邊框的寬度都將被包括在盒子的總寬度中。

在CSS中，box-sizing屬性可以確定盒子的盒模型。使用box-sizing: border-box可以將邊框和內邊距包含在元素的總寬度內。默認情況下，box-sizing屬性的值為content-box，這意味著元素的寬度不包括內邊距和邊框。

.box {
box-sizing: border-box;
width: 300px;
height: 200px;
border: 5px solid #ccc;
padding: 10px;
margin: 20px;
}

在使用CSS定義盒子模型時，應該注意盒子模型對布局的影響，以便正確設計網頁布局。