hajipion.comそこの幅広げたいなんて誰も言ってねえよ!!たとえばこういう状況ですね。boxクラスの幅に400pxを指定してあります。文字に余裕がないので、paddingを追加しようとしたら...余裕はできたけど、幅が400pxを超えてしまいました!paddingは中の要素を広げるので、左と右に10pxずつ広がって、結果的に420pxとなってしまうのです。borderでも同じようなことが起こります。外側にborderがつく形になり、boxクラスの幅は更に広がりました!もうこの時点で440pxです。幅400pxって言ってんだろ!!!!!解決策これを解決するため、今まではもとの幅を360pxに修正するしかなかったのですが、CSS3で追加された「box-sizing」プロパティを使えば、ささっと事件解決です!値は「border-box」を指定します。「box-sizing」の値は「content-box」がデフォルトとなっています。指定してみると......もとのようになりましたね。いちいち「border-box」と指定するのは面倒ですが、状況に応じて使い分けることが大切です。株式会社Basecampパートナー。ヤフー出身のデザイナーです。FOLIOというオンライン証券を共同創業し、デザインドリブンなサービス開発してました。趣味で日影しか通らないルート検索アプリ「inShade」とかも作ってました。株式会社Basecampパートナー。ヤフー出身のデザイナーです。FOLIOというオンライン証券を共同創業し、デザインドリブンなサービス開発してました。Postsここらで世界一わかりやすく「FinTechとは何か」を説明しよう。Postsここらで世界一わかりやすく「FinTechとは何か」を説明しよう。iPhoneの「充電できない」「接続できない」はもう起こりませんなぜpaymoやKyashやpolcaがよくて、Osushiが法律的にアウトなのか?PayPalも諦めた日本の「送金」事情。Productsフォリオ「VR」や「京都」など、多彩なテーマからえらんで投資ができるオンライン証券。Suiteruできるだけ女性専用車両に乗っていく「空いてる通勤ルート」検索アプリ。inShade設定した目的地までの「日陰」しか通らない経路を教えてくれる、日よけルート検索アプリ。グルメスパイ料理の写真を誰にもバレることなく撮影し、勝手に美味しそうに加工してくれるアプリ。IoTissueくしゃみをしたら自動でその方向にティッシュをぶっ飛ばすティッシュ箱。