【WordPress】最も簡単なブラウザ縮小時のカラム落ち対策

by Qlay · 2013年5月18日

WordPressをカスタマイズしていると必ずといって良いほどつきまとう問題「カラム」落ち。

今回はブラウザのウィンドウサイズを縮小した時に発生するカラム落ちの最も簡単な対策についてです（何を今更と思わないでｗ）

「body」にサイズを指定する

style.cssの中の「body」クラスに

width:◯◯◯◯px;
margin:0 auto;

※「◯」部分にサイトの横幅のサイズを入れる

これだけでいいんじゃないかと。

カラム落ちの原因は大体がfloatしている要素がサイズ指定されていないことが原因だと思うのですが、いちいち全部にサイズ指定してつつ「overflow: hidden;」やらなんやらやっているとソースも脳内もぐちゃぐちゃになっちゃうので、一番シンプルで簡単な方法としてこれかなーという感じです。

縮めても落ちずにちゃんと非表示になってます。