どこかで、body要素の直下にdivで更に囲むのはよろしくない。二重マークアップだ。という記述を見ました。じゃあ、body要素そのものをセンタリングすればいいのかい？と思ってbodyに幅を指定して左右のマージンを「auto」にしたら…できるじゃん。
でも、まだ問題があります。
body要素に背景画像や背景色を指定した場合、縦にスクロールすると切れるのです。下図のように。
body直下をdivで囲うと解決できます。
body直下にdivで囲わないとなると背景画像を使えないですね。背景色は白なら問題なし。
関連する記事はありません。
