css盒子模型

正常盒子由margin border 帕丁content四部分组成，正常盒子真正的宽高是整个盒子所占文档流的宽和高，正常盒子模型中，width，height属性值指的是content部分的宽和高，但盒子的width和heigth又是可控的，可通过box-sizing来控制：
box-sizing属性：
content-box:默认值，宽高指内容content宽高
border-box:宽高属性决定了整个模型的宽高，content的宽高得由已设定的宽高减去border和padding部分

总结：box-sizing值为content-box时为标准盒子，为border-box时为IE盒子。