IE盒子模型和标准W3C盒子模型【转】

盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。 

 

从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。

从上图可以看到 IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 pading。 

 

 

CSS3的box-sizing

box-sizing语法：

box-sizing ： content-box || border-box || inherit;

• 当设置为box-sizing:content-box时，将采用标准模式解析计算，也是默认模式；

• 当设置为box-sizing:border-box时，将采用怪异模式解析计算；