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

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

対処法

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

box-sizingで解決

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

便利すぎて涙出た。

投稿者: Output48

中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。 ベンチャー企業の営業、大手企業のSEを経て、独立。 ここ数年はWEB以外の仕事をしていたため、割と本気で勉強中。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください