一、标准盒模型
设置 width=content
总宽度=content+padding+border+margin
二、怪异盒模型（IE盒模型）
设置 width=content+padding+border
总宽度=width+margin
正常盒模型和怪异盒模型的区别：
1.用途：正常盒模型主要用于PC端，怪异盒模型主要用于手机端。
2.原理：正常盒模型的大小是由内到外的，由内部决定外部的大小；而怪异盒模型是由外而内的。
指定盒子模型种类：box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。
建议不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父元素和子元素。
原文：https://www.cnblogs.com/1994-du/p/13054309.html