css盒模型详解
盒模型分为IE盒模型和w3c标准盒模型
1.w3c盒模型和ie盒模型之间的区别是什么？
w3c标准盒模型：
属性width，height只包含内容的content，不包含border和padding
也就是设置的width只是content的宽度，再加padding和border，content的宽度不变
ie盒模型：
属性width，height 包含border和padding，指的是 content+padding+border
设置的width是content+padding+border的宽度，再加border和padding，content的宽度会变小
在ie8+浏览器中使用哪个盒模型可以由box-sizing控制，默认值是content-box，即标准盒模型，如果将box-sizing设置为border-box 则用的是ie盒模型。 如果在ie6，7，8中DOCTYPE缺失会触发ie模式。在当前w3c标准中盒模型是可以通过box-sizing自由的进行切换的。
在编写代码的时候，应尽量使用标准的w3c模型（需要在页面中声明DOCTYPE类型）,这样可以避免多个浏览器对同一页面的不兼容。
因为若不声明DOCTYPE类型，IE浏览器会将盒子模型解释为 IE 盒子模型，firefox等会将其解释为w3c盒模型；若在页面中声明了DOCTYPE类型，所有的浏览器都会把盒模型解释为w3c盒模型
\
