2 つの div を上下に配置しようとしています。一番上のものは固定サイズです。一番下のものは、コンテンツが大きすぎる場合にページを高くすることなく、残りのページの高さを埋める必要があります.
<div id="content">
<div id="top-padding"></div>
<div id="stuff">
some content
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
End of content.
</div>
</div><!-- content -->
これまでの私の試みは次のとおりです。http://jsfiddle.net/b4fEE/
私が抱えている問題は、緑の div が大きすぎることです。高さを次のように指定する方法が必要です
100% - 30px
私は純粋な css でこれを行うことを好みますが、必要に応じて javascript/jquery に頼ります。