body以下の全てをdivで囲み、wrapperやcontainerという名前をつけておくケースはよくある。
1つのセレクタでページ全体の幅や色、配置などを一括指定できる点がメリットである。
<div id="wrapper"> <div id="header"> .... </div> <div id="main"> .... </div> <div id="footer"> .... </div> </div>
こんな風にしてページ全体を一括指定するとか。
/* wrapperで幅、中央寄せ、背景色一括指定 */ #wrapper { width: 850px; margin: 0 auto; background: #ccc; }
でもマークアップ的には必要のない構造なので、理論上必ず必要となるわけでもないが、
HTML5をコーディングするときのいくつかのTips - by shigemk2
こっちにもあるけどnavの横一面に背景色とかを設定したいときは、やっぱりwrapperが必要になったりする。