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/