高度的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/