本文主要是介绍标准盒子模型和怪异盒子模型(IE盒子模型)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
标准盒子模型
设置方式：border-sizing: content-box（默认）
包含：margin、border、padding、content
怪异盒子模型(IE盒子模型)
设置方式：border-sizing: border-box
包含：margin、border、padding、content
区别
标准盒子的总宽度为： margin+border+padding+content
= margin+border+padding+width
怪异盒子的总宽度为：margin+border+padding+content
= margin + width（2padding+内容+2border）
注意： 怪异盒子的 width 由 border、padding、content 共同组成
这篇关于标准盒子模型和怪异盒子模型(IE盒子模型)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
