java - CSS 或 JS 方式设置绝对 div 高度 100%

Question

我正在使用 JSF 和 Bootstrap 开发一个小型应用程序。问题是我无法将高度 100% 设置为 aside 和绝对 div。

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

我正在使用这个 JQuery 函数:

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

window.onresize = resize_sidebar();

resize_sidebar();

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

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

Answer 1

根据您的评论:

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

这应该可以解决问题:

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

resize_sidebar();

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