盒子模型

由content、padding、border、margin组成盒子模型

W3C标准和IE标准有两个不同点，对于计算width时，W3C标准的width值是content本身的width。

IE标准中，width值为content+padding+margin

box-sizing属性

content-box||border-box

content-box : padding和Border不被包含在定义的width和height 之内。对象的实际宽度等于设置的width值和border、padding之和。

（此属性表现为标准模式下的盒模型）

border-box : padding和border被包含在定义的width和height之内，对象的实际宽度就等于设置的width值，即定义有border和padding也不会改变对象的实际宽度。

（此属性表示为怪异模式下的盒模型）