CSS盒模型是網(wǎng)頁(yè)設(shè)計(jì)中的一個(gè)非常重要的概念，它定義了HTML元素如何計(jì)算其占據(jù)空間大小和定位的方法。在Web開發(fā)中，盒模型常常用于計(jì)算和設(shè)計(jì)網(wǎng)頁(yè)布局和樣式。

box-sizing: content-box;

標(biāo)準(zhǔn)盒模型會(huì)按照內(nèi)容區(qū)域的大小來(lái)計(jì)算元素的總占用空間。也就是說(shuō)，元素的大小等于其內(nèi)容的寬高加上邊框、內(nèi)邊距和外邊距。

box-sizing: border-box;

而IE盒模型會(huì)把邊框和內(nèi)邊距的大小也算入元素占用空間的計(jì)算中，所以元素實(shí)際的寬高是減去了邊框和內(nèi)邊距。

換句話說(shuō)，如果我們采用標(biāo)準(zhǔn)盒模型，那么盒子的總寬度是：內(nèi)容區(qū)域+border寬度+padding寬度+margin寬度。

如果我們希望盒子的總寬度等于其內(nèi)容區(qū)域的寬度，可以通過(guò)以下代碼來(lái)設(shè)置：

* {
box-sizing: border-box;
}

通過(guò)設(shè)置星號(hào)（*）為通配符，可以使所有元素都按照IE盒模型進(jìn)行計(jì)算，從而讓盒子的總寬度只等于其內(nèi)容區(qū)域的寬度。這種設(shè)置方法一般放在CSS文件的開頭處進(jìn)行設(shè)置，以便全局生效。