box-sizing: border-box的作用

box-sizing: border-box

box-sizing: border-box；

将border和padding数值包含在width和height之内，这样的好处就是修改border和padding数值盒子的大小不变。

box-sizing属性的取值可以为content-box或border-box，对它们的解释如下：

• content-box：浏览器对盒模型的解释遵从W3C标准，当定义width和height时，它的参数值不包括border和padding。

• border-box：当定义width和height时，border和padding的参数值被包含在width和height之内。