css 裡的 width、height(寬/高) 計算方法

是 padding(外邊框) + margin(內邊框) + border(邊框) + width/height(寬/高)本身

example

範例中 a 與 b width 都是 500px，margin 20px

b 多了 padding 20px 與 border-width 10px

b 就比 a 長了很多

解法參考 [CSS] box-sizing

Ref:

• Introduction to the CSS box model