CSS中的盒子模型是指網頁中的每個元素都可以看作是一個矩形的盒子，包括內容區域、內邊距、邊框和外邊距四個部分。 內容區域是元素內的文本和圖像部分，內邊距是內容區域和邊框之間的空隙，邊框是圍繞內容和內邊距的一條線，外邊距是元素與其他元素之間的空隙。 而CSS中定義盒子模型的方式有兩種，分別為標準盒子模型和IE盒子模型。 標準盒子模型是以內容區域為基準，即width和height屬性只包含內容部分的寬度和高度，內邊距和邊框的寬度會被添加到元素的實際寬度和高度中。 pre { box-sizing: content-box; width: 50%; padding: 20px; border: 1px solid black; } 而IE盒子模型是以整個盒子為基準，即width和height屬性包含了整個盒子的寬度和高度，內邊距和邊框的寬度會被減去，使元素的內容部分會減少。 pre { box-sizing: border-box; width: 50%; padding: 20px; border: 1px solid black; } 因此，在編寫CSS樣式時需要考慮盒子模型所采用的方式，并根據需求進行選擇。同時，通過修改盒子模型的方式，我們可以更好地控制元素的布局和樣式。