bodyをWrapperとして使う

ここ数年の流行りとして、wrapperがよくある。

けれどもbody要素をwrapperに代換することはできないだろうかと。

で、検証。

margin = 有効
padding = 有効
width = △

環境はfirefox3.6です。一応他のブラウザでも大体一緒の実装です。

bodyのwidthは内部コンテンツの横幅などに対しては有効。
background等bodyのボックス要素そのものの指定に対しては無効。といった感じです。

wrapperの部分にのみ背景が当たっている、<center>の代わりwrapperを使っているようなレイアウトの場合、一考の余地があるのではないかなと思います。