先说他们的区别:
两者的区别在于content的不同,IE盒模型的content包括border、padding
先看IE模型下图
CSS盒子模型——标准模型和IE模型的区别,如何设置标准模型、IE模型插图
IE模型content的宽度与高度是content=content+paddding+border 得到最终content的宽度
再看标准模型
CSS盒子模型——标准模型和IE模型的区别,如何设置标准模型、IE模型插图1
IE模型content的宽度与高度是content=content 得到最终content的宽度,不包过设置元素的border+padding

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

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


  	box-sizing: contetn-box; // 设置为标准模型
}

原文链接:https://blog.csdn.net/weixin_42164539/article/details/104697826

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《CSS盒子模型——标准模型和IE模型的区别,如何设置标准模型、IE模型
   

还没有人抢沙发呢~