CSS或JS方式来设置绝对div高度100％

Question

我正在使用JSF和Bootstrap开发一个小型应用程序。 问题是我不能将高度100％设置为一旁和绝对div。

我首先尝试使用CSS，但是我认为不可能以这种方式获得它，因此现在我尝试使用JQuery并没有成功。

我正在使用此JQuery函数：

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

window.onresize = resize_sidebar();

resize_sidebar();

但它没有按预期方式工作，因为它没有填满整个高度。

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

Answer 1

根据您的评论：

现在我看到了问题。 我的分辨率非常大，内容比侧边栏小，并且看起来一切正常，但是当我调整屏幕大小时，浮动框的内容变大了，但侧边栏仍然具有窗口的高度。

这应该够了吧：

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

resize_sidebar();

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

Answer 2

您也可以使用纯CSS执行此操作

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