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