2016ひさびさの更新になってしまいましたが、CSSでwidthを指定しているのにもかかわらず要素がはみでる原因とその対処法について書きます。構成され、さらにその周りにmarginがあるのですが、width:300px;とか書いた際にこのwidthがどこを表しているかというとContentの部分のみなんですね。#000;}上記のコードの場合ですとwidth:300px+padding:10×2px+border:3×2px=326pxが実際表示される幅になります。これが原因でwidth指定の要素が指定した値よりも大きくなってしまいはみでてしまうのです。対処法box-sizingというCSSのプロパティでborder-boxを指定することで上記の問題が解決されます。box-sizingとは、widthやheightの算出方法を指定できるプロパティです。※先ほどのはみでる原因になっていたのがこちらの値です。300pxになるようになりますので要素が300pxより大きくなることはありません。width指定したのにはみでて困っている方は一度box-sizingをborder-boxに指定してみてください。以前よりもレイアウトするのが楽になると思います。border-box;}上記のコードで、すべてのbox-sizingをborder-boxにリセットしてしまいましょう。【CSS3】ボックスサイズの算出方法を指定するbox-sizingの使い方よろしければシェアをお願いします。デザインからフロントエンドを主に担当しています。休日はNetflixを見ながら過ごしています。【WordPress】バージョン4.5にアップデートしたらa[href^=#]のエラーが出たので対処しました。YamashitaTop。