盒子模型是CSS 中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是IE盒子模型和标准W3C盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型：
从上图可以看到标准W3C盒子模型的范围包括margin、border、padding、content，并且content 部分不包含其他部分。
IE 盒子模型
从上图可以看到IE盒子模型的范围也包括margin、border、padding、content，和标准W3C盒子模型不同的是：IE盒子模型的content部分包含了border和pading 。