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