IE盒模型和W3C盒模型

一&＃xff1a;W3C盒模型

width就是concent的宽度&＃xff0c;不包括padding margin border的长度

二&＃xff1a;IE盒模型

width&＃61;concent&＃43;padding&＃43;border

三&＃xff1a;例子

IE6/7/8比较怪异&＃xff0c;在不写doctype的情况下使用ie盒模型
,导致相同的代码在chrome和ie浏览器绘制结果不同。

四&＃xff1a;box-sizing

box-sizing是css3的新的属性。

box-sizing:content-box W3C盒模型
box-sizing:border-box IE盒模型