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之内。