クラスの.container_12
幅は固定なので (ご想像のとおり 960px)、ページ全体を埋めることはありません。親要素の背景を設定したい - これは、body
またはコンテナ div にすることができます。
body {
background-image:url(../images/background_2.png);
background-position:center top;
background-repeat:no-repeat;
}
このデモ ページのスタイルを見てください-.container_12
ピンク/白のストリップの背景があり、960 ピクセルしか占めていません。ページ全体を占める青色の背景は次のように設定されていbody
ます。
body {
background: #123;
}
ページの高さ全体を占めるようにするには、親要素の高さとともに高さを 100%.container_12
に設定する必要があります。
html, body {
height: 100%;
}
.container_12 {
height: 100%;
background-color:#ccc;
}
親要素の高さを指定する必要があるのはなぜですか? の高さ.container_12
は 100%、何の100%ですか? 親要素です。