javascript - 设置宽度和填充 : ensure that the width includes/compensates for padding

Question

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

注意:我不确定这种情况是一直发生还是仅在 position = absolute 时发生，就像我的所有元素一样。

是否有一个设置，如果我告诉一个元素宽度为 100 像素(并且填充为 10 像素)，它的宽度将始终为 100 像素？有没有办法确保宽度补偿填充？

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

Answer 1

有:

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