标准W3C盒子模型和IE盒子模型

其实盒子模型有两种，分别是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（宽度）。