HTML的盒子类型有两种
一种是默认的w3c的盒子模型:其中标签元素的宽度width等于border(边框)的宽度+padding(内边距)的宽度+content(内容)的宽度，元素的高度height等于border(边框)的高度+padding(内边距的高度)+content(内容)的高度
另一种是IE的盒子模型:其中标签元素的宽度width等于content(内容)的宽度,高度height等于(content)高度,边框的宽高度和内边距的宽高度不会改变标签元素的实制的宽高度
w3c的盒子模型是默认的标准盒子类型
如果想改变盒子类型可以通过box-sizing: border-box;改为IE的盒子模型
通过box-sizing: content-box; 改为w3c的盒子模型
来源：CSDN
作者：CZY阳光
链接：https://blog.csdn.net/weixin_40669758/article/details/104627269