設置寬度和填充：確保寬度包含/補償填充

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;