设置宽度和宽度padding：确保宽度包含/补偿填充

Question

在CSS中，当我将元素宽度设置为100px时，我将其填充设置为10px，它的实际宽度为120px。

注意：我不确定这是否一直发生，或者只是当position = absolute时，就像我的所有元素一样。

是否有一个设置，如果我告诉一个元素宽度为100px（并且填充为10px），其宽度将始终为100px？有没有办法确保宽度补偿填充？

myClass { width: 100px; padding: 10px; }

Answer 1

有：

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;