标准的CSS盒模型和低版本的IE盒模型有什么区别？标准盒模型：width=内容宽度（content）+border+padding+margin（border和padding填充内容外）低版本IE盒模型：width=content宽度（content+border+padding）+margin（border和padding填充在content)standardboxmodelIEboxmodelbayonetbox1box2可以看出我们设置了box-sizingbox-sizing属性？用于控制元素的盒模型的解析方式，默认为content-boxcontext-box：W3C标准盒模型，设置元素的height/width属性引用content部分的height/width，绘制超出定义的宽高元素的内边距和边框border-box：IE传统框模型。设置元素的height/width属性是指border+padding+content的高/宽。适用场景。比如我们在写一个header，background:gray，两边需要10px的距离。如果我们设置margin:010px，你会发现两侧之间有空隙，但空隙不是灰色背景，而是出现滚动条。这时候需要我们的padding:010px，完美解决两边留白的尴尬，但是滚动条还在，需要大刀box-sizing:border-box;你会发现滚动条没有了，头部也很漂亮。
