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/