ブックマーク / gyauza.egoism.jp (1)

  • div等に指定した背景をページの下まで伸ばしたい | Takazudo Clipping*

    背景を下までずずーっと伸ばしたい時は、bodyにbackground-imageを指定すればよいですが、div等に指定した背景やborderをページの下まで伸ばしたい時は、以下のようにします。 <body> <div id="Container">高さ100%</div> </body> *{ margin:0;padding:0; } html{ height:100%; } body{ height:100%; } #Container{ height:100%; min-height:100%; width:80%; background:Khaki; border-right:1px solid red; } body > #Container{ height:auto; } 下まで背景伸びたHTML完成サンプル 以下、なぜこれで実現できるのかの解説と疑問点。とても長い。 Step

    franz_liszt
    franz_liszt 2009/06/22
    height要素の理解が深まりました
  • 1