盒子模型(W3C盒子模型、IE盒子模型)

盒子模型：一个物体在页面中所占据的位置

盒子模型包含以下几种元素：

padding；margin；content；border

这是大家都知道的，也是书本上定义说明的，但是在ie的情况下是有点区别的;这是俩种标准

Firefox中采用W3C标准模型，而IE中则采用Microsoft自己的标准

下面我用公式来说明一下：

W3C:

宽=width+(padding-left)+(padding-right)+(margin-left)+(margin-right)+(border-left)+(border-right)
高=height+(padding-top)+(padding-bottom)+(margin-top)+(margin-bottom)+(border-top)+(border-bottom)

IE盒子模型：

:

宽=width+(border-left)+(border-right)
高=height+(border-top)+(border-bottom)