min-heightを利用して、ボックスの背景色や背景画像を下までいっぱいに伸ばしてみよう 下記のxhtmlとcssを実際に、ブラウザで見てみてください。画面いっぱいに背景色が広がっているはずです。 xhtml<body> <div id="box">背景が下までいっぱい伸びる!</div> </body> cssbody{ margin: 0; padding: 0; height:100%; } #box{ height:100%; /* IE対策のため指定*/ min-height:100%; /* 最小値100%指定*/ background:#FFFF99; } body > #box{ height:auto; /* height:100%を解除 */ } min-heightは、IE6に対応してないため、heightで高さを指定する。 下記で、height:100%を解除を
![コンテナボックスなどの背景を下まで伸ばす](https://cdn-ak-scissors.b.st-hatena.com/image/square/126e9c63960837b5815901e11e1f6c1303c17f2b/height=288;version=1;width=512/https%3A%2F%2Fblog.seesaa.jp%2Fimg%2Fogp_logo.png)