設置したdivの背景をページ下まで伸ばす

イテル on 08 19, 2009

090819

良く使うのだが、div要素をブラウザの下の方まで伸ばす方法。
毎度、忘れてしまうのでメモっておく。

htmlの例

<body>
    <div id="layout">ブラウザの下まで伸ばしたいよ</div>
</body>

cssの例

html{
    height:100%;
}
body{
    height:100%;
}
#layout{
    height:100%;
    min-height:100%;
    width:80%;
    background:Khaki;
    border-right:1px solid red;
}
body > #layout{
    height:auto;
}

と、これだけ。

Leave a Reply