我想使一个div响应窗口和第二个div的高度

Question

我有两个div的第一个可更换没有滚动（红色）和第二个div（黑色）高度应该改变为填充屏幕的最大尺寸（第二个一个有滚动）。任何想法如何做到这一点？我不想让红色的卷轴。

添加代码已经我想什么：

$(document).ready(function() { 
      var h = $("#topContainer").height(); 
      var heightBottomContent = $(window).height() - h; 
      $("#botContainer").height(heightBottomContent); 
     }); 

Answer 1

我想你已经解决了自己的问题，就必须实现它在窗口load & resize事件：

$(window).on('load',fix_height).on('resize',fix_height); 

function fix_height() { 
    var h = $("#topContainer").height(); 
    var heightBottomContent = $(window).height() - h; 
    $("#botContainer").height(heightBottomContent); 
}