标准盒模型和怪异盒模型
标准盒模型:由w3c定义的标准的盒子模型,盒子的宽度为= margin2+padding2+border2+width
怪异盒模型(也称为IE盒模型):在IE浏览器中的盒子模型,盒子的宽度为= margin2 + content宽度
,其中content宽度为padding2+border2+ width,在以前IE5.5以及更早的IE浏览
标准盒模型和怪异盒模型之间的切换
使用CSS3属性,box-sizing使用content-box表示按照标准盒模式解析,border-box表示按照怪异盒模式解析