在CSS中盒模型有两种,一种是W3C规定的标准模型,第二种是IE怪异盒模型
W3C规定的标准模型width/height是指内容的宽高,IE怪异盒模型的width/height则是指可见区域(内容+padding+border)的宽高。
在CSS3中新增了一个盒模型属性box-sizing,能够实现定义盒模型的尺寸解析方式
【兼容性】IE7-不支持
【box-sizing】
【值】content-box | border-box | padding-box | inherit
【初始值】content-box
【注意】
1.只有Firefox支持padding-box属性
2.IE浏览器在getComputedStyle得到width/height是按照标准模式计算的,而不论box-sizing的取值