0

每当用户像这样调整浏览器的大小时，我目前都有一个 DIV 调整到窗口的完整高度：

$(window).resize(function() {
    $("#selected-folders-area").height($(window).height()-350);
});

注意：-350标题内容的帐户

我想在这个页面上添加第二个 DIV，当浏览器调整大小时，两个 DIV 需要共享窗口的大小，用它们自己的高度填充到窗口底部。

我不确定我是否足够清楚，所以如果您需要我扩展，请告诉我。

4

2 回答 2

2

这有什么问题？

$(window).resize(function() {
    var h = $(window).height()-350;
    $("#div1,#div2").height(h/2);
});

请注意，如果您想要与内容成比例地调整大小......嗯......这是布局表格难以击败的情况之一。

你可以有不同的尺寸，像这样：

$(window).resize(function() {
    var h = $(window).height()-350;
    $("#div1").height(h*0.45);
    $("#div2").height(h*(1-0.45));
});
于 2012-07-19T17:13:42.183 回答
0 
$(window).resize(function() {
    var availableHeight = $(window).height()-350;
    var usedHeight = $('#div1').outerHeight() + $('#div2').outerHeight();
    var remainingHeight = availableHeight - usedHeight;
    //distribute remaing height to the divs as you like,this is 50/50
    //note that hight will decrease if it takes more than widow height already
    //if dont want that add your condition
    $("#div1,#div2").each(function(){
        $(this).height($(this).height() + remainingHeight/2);
        });

});
于 2012-07-19T17:23:35.320 回答