良く使うのだが、div要素をブラウザの下の方まで伸ばす方法。
毎度、忘れてしまうのでメモっておく。
htmlの例
[html]
<body>
<div id="layout">ブラウザの下まで伸ばしたいよ</div>
</body>
[/html]
cssの例
[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;
}
[/css]
と、これだけ。