html - 适应屏幕的 div 高度

Question

我的导航面板目前有以下属性:

<div id='navpanel' 
     style='float:left; width:300px; height:100%; overflow:hidden;
     background:URL(assets/img/bg_tr.png);'>

但是，正如您在下面的屏幕截图中所见，直到屏幕末尾高度才填满。我试图切换到“自动”，但结果相同。

有没有人知道如何让面板的高度下降到最后，无论我目前的屏幕分辨率如何？非常感谢一些建议 - 谢谢。

Answer 1

尝试添加这个:

<style type="text/css">
html, body {
   height: 100%;
}
</style>

http://jsfiddle.net/AnsJy/1/