box-sizing：boder-box是什么意思

box-sizing是CSS中的一个属性，用来设置一个元素的盒模型的计算方式。常见的盒模型有两种：W3C盒模型和IE盒模型。在W3C盒模型中，元素的宽度和高度只包括内容的宽度和高度；而在IE盒模型中，元素的宽度和高度包括了内容、内边距和边框的宽度和高度。而box-sizing就是用来指定元素使用哪种盒模型进行计算。

当设置box-sizing为border-box时，元素的宽度和高度包括了内容、内边距和边框的宽度和高度，而不是只包括内容的宽度和高度。这意味着，当我们设置一个元素的宽度为100px时，这100px所占据的空间将会包括元素的边框和内边距。