CSS中的box-sizing屬性用于控制元素的盒模型大小。在默認情況下，元素的盒模型包括元素的內容、內邊距、邊框和外邊距。這意味著當您指定元素的寬度或高度時，它實際上只會應用于元素的內容框。如果元素還有內邊距和邊框，那么它們將增加到元素的寬度和高度中。 因此，如果您需要完全控制元素的盒模型，您可以使用box-sizing屬性來指定元素應該如何計算其寬度和高度。box-sizing屬性有兩個值：

• content-box（默認值）：該值指示元素應使用默認的盒模型，其中寬度和高度僅適用于元素的內容框。
• border-box：該值指示元素應使用替代盒模型，其中元素的寬度和高度包括其內容框、內邊距和邊框。這意味著如果您指定一個元素的寬度為100像素，并且它有10像素的邊框和5像素的內邊距，那么該元素的實際寬度將是75像素（100 - 10 - 5 = 75）。

* {
box-sizing: border-box;
/* 所有元素都使用 border-box 盒模型 */
}
div {
width: 300px;
border: 10px solid #000;
padding: 20px;
/* 邊框和內邊距會被包含在寬度內 */
}

您可以將box-sizing屬性應用于任何元素，包括div、p、a、img和input等。但是，需要注意的是，如果您使用box-sizing屬性，它可能會影響您的布局和樣式。因此，在更改box-sizing屬性之前，請仔細考慮它是否會對您的CSS代碼造成不良影響。