标准盒模型和怪异盒模型的区别
标准盒模型：content不包含其他部分
怪异盒模型：content包含了border和padding
W3C盒子模型（标准盒模型）
根据 W3C 的规范，
元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的；即在标准模式下的盒模型，
盒子实际内容（content）的width/height=我们设置的width/height;盒子总宽度/高度=width/height+padding+border+margin。
作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的；即在标准模式下的盒模型，盒子实际内容（content）的width/height=我们设置的width/height;盒子总宽度/高度=width/height+padding+border+margin。
IE盒子模型（怪异盒模型）
在该模式下，
浏览器的 width 属性不是内容的宽度，而是内容、内边距和边框的宽度的总和；即在怪异模式下的盒模型，
盒子的（content）宽度+内边距padding+边框border宽度=我们设置的width(height也是如此)，盒子总宽度/高度=width/height + margin = 内容区宽度/高度 + padding + border + margin。
作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
在该模式下，浏览器的 width 属性不是内容的宽度，而是内容、内边距和边框的宽度的总和；即在怪异模式下的盒模型，盒子的（content）宽度+内边距padding+边框border宽度=我们设置的width(height也是如此)，盒子总宽度/高度=width/height + margin = 内容区宽度/高度 + padding + border + margin。
原文：前端面试之盒子模型（标准盒模型、怪异盒模型）和 css3指定盒子模型种类的box-sizing属性
W3C盒子模型(标准盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
https://i.cnblogs.com/EditPosts.aspx?opt=1W3C盒子模型(标准盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
W3C盒子模型(标准盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出
W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)作者：Nyears
链接：https://www.imooc.com/article/68238
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作
来源：oschina
链接：https://my.oschina.net/u/4396877/blog/3523789