そこの幅広げたいなんて誰も言ってねえよ!! たとえばこういう状況ですね。 boxクラスの幅に400pxを指定してあります。 文字に余裕がないので、paddingを追加しようとしたら… 余裕はできたけど、幅が400pxを超えてしまいました! paddingは中の要素を広げるので、左と右に10pxずつ広がって、結果的に420pxとなってしまうのです。 さらにさらに、borderでも同じようなことが起こります。 外側にborderがつく形になり、boxクラスの幅は更に広がりました! もうこの時点で440pxです。 解決策 これを解決するため、今まではもとの幅を360pxに修正するしかなかったのですが、CSS3で追加された「box-sizing」プロパティを使えば、ささっと事件解決です! 値は「border-box」を指定します。 すると…… (おさまったー!) デフォルトの値 「box-sizi