CSS盒子模型——标准模型和IE模型的区别 如何设置标准模型 IE模型

先说他们的区别：

两者的区别在于content的不同，IE盒模型的content包括border、padding

先看IE模型下图

IE模型content的宽度与高度是content=content+paddding+border得到最终content的宽度

再看标准模型

IE模型content的宽度与高度是content=content得到最终content的宽度，不包过设置元素的border+padding

设置标准模型，IE模型属性

html * {box-sizing: border-box; // 设置为IE模型box-sizing: contetn-box; // 设置为标准模型}