背景をページの下部まで伸ばす « 株式会社ゼノフィ

背景色を下部まで要素がない場合でも、下まで伸ばす方法をご紹介します。 通常、ブロック要素のdivタグなどにbackgroundで背景色を指定した場合、要素がある分までしか背景色は伸びません。これをCSSで要素がない場所（下部）まで伸ばしてみます。 ルートである「html」と「body」要素に「height: 100%;」を指定、min-heightに対応していないブラウザ用に「height: 100%;」を「div.background」にも指定します。次に背景色を記述している「div.background」に最小の高さとして「min-height: 100%;」を指定します。「div.background」に「min-height: 100%;」を指定することよって、最小の高さとして、必ず背景色を高さに対してどこまでも伸ばすようにしています。 「body > div.background