Java CSS或JS用于设置100%绝对div高度的方式

我正在用JSF和Bootstrap开发一个小应用程序。问题是，我不能将高度100%设定为一个绝对高度

我首先尝试使用CSS，但我认为不可能以这种方式获得它，所以现在我尝试使用JQuery，但没有任何成功

我正在使用JQuery函数：

function resize_sidebar() {
    var h = $(window).height();
    $('#sidebar-wrapper').height(h);
}

window.onresize = resize_sidebar();

resize_sidebar();

但它并没有像预期的那样工作，因为它没有填满整个高度

我希望你能给我一些想法。谢谢。

根据您的评论：

现在我明白了问题所在。我的分辨率非常大，内容比侧边栏小，一切看起来都很好，但当我调整屏幕大小时，浮动框会使内容变大，但侧边栏仍然具有窗口的高度

这应该可以做到：

function resize_sidebar() {
    var h = $('#wrap').height();
    $('#sidebar-wrapper').height(h);
}

resize_sidebar();

​$(window).on('resize', function(){
    resize_sidebar();
   ...do something else...
}

---

您也可以使用纯css来实现这一点

#sidebar-wrapper {
    top: 0;
    right: 0;
    bottom:0;
    width: 250px;
    background: #000;
    position: absolute;
    z-index: 1000;
    transition: all 0.4s ease 0s;
}

---

你试过了吗？也许我的英语不好，但我听不懂你的问题。你能再解释一下这个问题吗？你到底想要实现什么？我只想要一个高度为100%的绝对div，而不改变我当前的网络行为。如果您进入我发布的url，您将确切知道我想要什么。@NoSense outerHeight不适用于$document或$window，因此我认为对我的url无效purpose@Pablo我去了你链接的网站，在我看来，黑条填满了整个页面的高度。我有什么遗漏吗？这个解决方案不起作用。我知道bottom:0应该可以做到这一点，但我以前尝试过，但没有成功，可能是因为页脚div或其他原因。@Pablo您也可以尝试position:fixed，在我看来，尽可能使用css是最好的。我不能使用position fixed，因为我希望该div向下滚动，所以唯一的方法是使用绝对位置。显然，CSS对于布局设计总是更好的。