box- sizing

box-sizing是CSS中的一个属性，它用于设置盒模型的大小计算方式，可以影响盒子的宽度、高度、内边距和边框的计算方式。

在默认情况下，元素的宽度和高度只包括内容区域的大小，而不包括边框和内边距。因此，如果想要设置一个元素的宽度为100px，需要在这个元素上加上边框和内边距的值。

而使用box-sizing属性可以改变这种默认行为。具体来说，box-sizing有两个可选值：

1. content-box：默认值。它只计算元素的内容区域，不包括边框和内边距。

2. border-box：它会将元素的边框和内边距计入元素的总宽度和高度中。

使用border-box可以更方便地进行盒子的布局和设计。