概要 Web ページのデザインで、ヘッダ部分やフッタ部分の横幅がウィンドウに対して100% になっているとき、~inner のような不要な div を使わないでこれを実現する方法です。 動作確認用の demo 構造 動作確認用の demo のページの構造は body 要素 div#document div#header div#content div#footer となっています。 HTML のソースコード 動作確認用の demo の HTML のソースコードは最小限で抜き出すと <body> <div id="document"> <div id="header">ヘッダ領域</div> <div id="content">コンテント領域</div> <div id="footer">フッタ領域</div> </div> </body> となっています。 CSS のソースコード Fire