CSS的两种盒模型

所有HTML元素都可以看做盒子，包括margin、padding、border、content

标准盒模型

W3C的标准盒模型的宽高属性是只由content的宽高决定的

IE盒模型

IE盒模型（怪异盒模型）的宽高属性是content的宽高+padding+border决定的

切换盒模型

使用CSS3的box-sizing属性切换盒模型

box-sizing: content-box /**是W3C盒子模型 */
box-sizing: border-box /*是IE盒子模型*/