盒子模型的组成：
盒子模型一般由：内容（content）、边框（border）、左右外边距（margin-left+margin-right）、左右内边距（padding-left+padding-right）这些部分组成。
IE标准盒模型（怪异盒模型）
怪异盒模型中，浏览器的width属性不是内容的宽度，而是内容+内边距+边框的总和；width/height + margin = 总长（因为在width中已经包含了 内容的宽度+内边距+边框的宽度）什么是“怪异盒模型”
用途：标准盒子模型主要用于PC端，怪异盒子模型主要用于手机端。
原理：标准盒子模型的大小是由内到外的，由内部决定外部的大小；而怪异盒模型是由外而内的。
参考文献：
https://www.jianshu.com/p/3c24887312b1https://blog.csdn.net/dong_pt/article/details/51281372https://www.jb51.net/css/593017.html