使用css解决：什么情况下设置border不会增加盒子的宽高

如果给高10px，宽10px的盒子

盒子设置box-sizing：border-box；后

再添加一个borer：1px solid black；盒子整体宽高仍旧是10px，不会变成12px（因为盒子有上下两条边)边款挤压了盒子内容区的位置，所以如果没有设置border-sizing：border-box；盒子加一个borer：1px solid black；边会变成宽高12px。

那么设置padding会怎么样呢，设置padding的话，在有box-sizing：border-box；的前提下，也不会增加盒子整体宽高，而是padding的宽高也会继续占据content内容区。