【CSS】paddingの値がwidthに足される迷惑

widthでこの値！と指定しているのに、padding入れたらその分幅が増える迷惑について。

対処法

これまでは増えた分、widthを減らして調整とかしてたけど、時代は進むもんだね。
CSS3で追加されたbox-sizingというプロパティを使えば解決できるみたい。

box-sizingで解決

デフォルト値はcontent-boxなんだけど、上記のような迷惑な状況ではborder-boxを指定する。

便利すぎて涙出た。