如果给高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内容区。