Html 如何在最小化浏览器时缩放div，以便div不会相互折叠

我有个小问题。 如果我最小化窗口，如何设置2个div的高度，使其不塌陷，而是动态缩放？我在js中这样做：

$(document).ready(function(){
    var footer = document.getElementById('footer').offsetHeight;
    var sidebar = document.getElementById('sidebar').offsetHeight;
    document.getElementById('sidebar').style.height = sidebar - footer + 'px';

});

这是可行的，但不是当我最小化时，我是否必须在函数中这样做，并在window.load期间调用它？现在的问题是，当我最小化浏览器时，div会再次相互检查

---

谢谢

我认为您需要绑定到调整大小事件

$(document).ready(function(){
  var sidebar = document.getElementById('sidebar').offsetHeight;
  $(window).resize(function(){
    var footer = document.getElementById('footer').offsetHeight;
    document.getElementById('sidebar').style.height = sidebar - footer + 'px';
  });
});

---

这里是解决方案，也为那些曾经搜索这种设置

<script type="text/javascript">
$(document).ready(function(){
     var winh = document.body.clientHeight;
     var footer = document.getElementById('footer').offsetHeight;
     document.getElementById('sidebar').style.height = winh - 5/2*footer + 'px';
     document.getElementById('sidebar').style.marginBottom = footer + 'px';
$(window).resize(function(){
     var winh = document.body.clientHeight;
     var footer = document.getElementById('footer').offsetHeight;
     document.getElementById('sidebar').style.height = winh - 5/2*footer + 'px';
     document.getElementById('sidebar').style.marginBottom = footer + 'px';
     });
});
</script>

$（文档）.ready（函数（）{
var winh=document.body.clientHeight；
var footer=document.getElementById（'footer'）。offsetHeight；
document.getElementById（'sidebar'）。style.height=winh-5/2*footer+'px'；
document.getElementById（'sidebar'）.style.marginBottom=footer+'px'；
$（窗口）。调整大小（函数（）{
var winh=document.body.clientHeight；
var footer=document.getElementById（'footer'）。offsetHeight；
document.getElementById（'sidebar'）。style.height=winh-5/2*footer+'px'；
document.getElementById（'sidebar'）.style.marginBottom=footer+'px'；
});
});

---

此代码在document.ready和resize期间动态设置边栏的高度。特别感谢巴特的帮助

最小化窗口，如在windows最小化到任务栏中一样？或将大小调整为“最小大小”？我通过单击浏览器的“最小化”按钮来最小化窗口（浏览器）。我希望潜水艇能像窗户完全打开时一样保持原样。但是现在当我最小化窗口时，一个div覆盖了另一个div。具体：当窗口最小化时，我的边栏覆盖了我的页脚。我不想要它。我希望无论我如何缩放窗口，侧边栏都应该与页脚保持一定距离。这看起来不错，但通过这一点，我在代码中遇到了另一个问题。因此，这意味着现在每次绘制窗口时，它都会再次设置高度。现在，如果我调整两次大小，侧边栏将变小两倍。：）。这是因为在每次调整大小的计算中都使用了侧边栏。更新了示例中的代码。仍然不确定它是否是您想要的，但我相信您可以找到如何让它工作，现在您有了大小调整是的，但每次都应该调整侧边栏的大小，知道错误在哪里吗（.页脚是连续数字，这就是为什么每次都要减去相同的数量，这就是为什么每次调整大小时页脚都会变小…我在想…你需要页脚来固定吗？