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/