by shigemk2

当面は技術的なことしか書かない

wrapper

wrapperは必須?:CSS 3分コーディング

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が必要になったりする。