box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。

border-box：

padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width )

此属性表现为怪异模式下的盒模型。

你可以理解为：为box-sizing这个属性设置了border-box后 就相当于将区域的宽度给固定死了，不管内容怎么变 宽度始终不变；

注：个人理解  如有误  希望谅解