Div 100％高度滚动

Question

在我的页面上，我左侧有一个导航栏，其高度为100％，宽度为25％。它工作正常，但是当有可用的滚动条时，它会破坏背景并使其看起来难看。我认为的原因是100％的高度仅应用于活动窗口。即使用户正在滚动，始终使div高度始终为100％的窍门是什么？

导航的Css：

    width:25%;
    height:100%;
    float:left;
    color:#999999;

我尝试过position：absolute，但没有结果，也尝试过清除两者。需要帮助：）

Fiddle

Answer 1

使用min-height: 100%而不是height: 100%应该可以解决。在此处查看更新的小提琴：http://jsfiddle.net/zitrusfrisch/Sa6cb/3/

Answer 2

当我想在网页顶部构建不透明的叠加层时，我遇到了类似的问题。覆盖层仅覆盖浏览器窗口的高度，而不覆盖页面的总滚动高度。我转向Javascript来动态获取页面高度。

$('body').append('<div style="width:100%;height:'+document.documentElement.scrollHeight+'px;background:#000000;opacity:0.5;position: absolute;top: 0;z-index: 1000;"></div>')