box-sizing属性有三个值 content-box、border-box、inherit，以下主要介绍前两个值。

例子：width为100px,边框宽度为20px

content-box

设置box-sizing:content-box; 后，总宽度为140px,其中内容为100px，左右边框分别为20px。
也就是说设置content-box，内容的宽度不受(内、外)边框的影响，始终都是设置的100px。

border-box

设置box-sizing:border-box; 后，总宽度为100px,其中内容为60px，左右边框分别为20px

image.png