css的两种盒模型

盒子模型包括四个内容，从内到外分别是：content,padding,border,margin.

这无论是IE盒模型还是W3C标准盒模型都是不变的。

 那怎么设置这两种盒模型呢？

通过一个字段，box-sizing，它有两个取值，一个是border-box，另一个是content-box；

当声明为content-box时，说明该盒子模型是W3C模型下的盒子模型，在此声明下，获取的width = content的值。

当生明为border-box时，说明该盒子模型是IE盒子模型，获取的width = content+（padding+border)*2。