其實盒子模型有兩種，分别是IE 盒子模型和标準 w3c 盒子模型。他們對盒子模型的解釋各不相同，先來看看我們熟知的标準盒子模型。
标準盒子模型
從上圖可以看到标準 w3c 盒子模型的範圍包括 margin、border、padding、content，并且 content 部分不包含其他部分。
标準盒模型的寬度width=content的寬度。
IE 盒子模型
從上圖可以看到 IE 盒子模型的範圍也包括 margin、border、padding、content，和标準 w3c 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 pading。
IE 盒子模型width包含border(左右)+padding（左右）+content（寬度）。