在CSS中，有兩種常見(jiàn)的盒模型，分別是標(biāo)準(zhǔn)盒模型(Content Box)和IE盒模型(Border Box)。
標(biāo)準(zhǔn)盒模型(Content Box)：這是CSS中默認(rèn)的盒模型。在標(biāo)準(zhǔn)盒模型中，元素的尺寸(width和height)只包括內(nèi)容(Content)部分，不包括內(nèi)邊距(Padding)、邊框(Border)和外邊距(Margin)。換句話說(shuō)，元素的寬度和高度只包括了內(nèi)容的寬度和高度，不包括周圍的內(nèi)邊距、邊框和外邊距。
IE盒模型(Border Box)：這是早期Internet Explorer瀏覽器使用的盒模型。在IE盒模型中，元素的尺寸(width和height)包括了內(nèi)容(Content)、內(nèi)邊距(Padding)和邊框(Border)的寬度，但不包括外邊距(Margin)。換句話說(shuō)，元素的寬度和高度包括了內(nèi)容、內(nèi)邊距和邊框的寬度，但不包括外邊距。
在CSS中，可以使用box-sizing屬性來(lái)控制盒模型的類型。默認(rèn)值為content-box，表示使用標(biāo)準(zhǔn)盒模型;而設(shè)置為border-box則表示使用IE盒模型。通過(guò)合理使用盒模型，可以在網(wǎng)頁(yè)布局中靈活控制元素的尺寸、間距和邊界效果。
京公網(wǎng)安備 11010802030320號(hào)