jquery - 动态容器高度（仅限 jQuery）

Question

我有一个固定高度 (180px) 的页眉和固定高度的页脚 (50px)。我希望容器高度为：窗口高度 MINUS 页眉 MINUS 页脚。如果容器高度可以在窗口调整大小时更新，那就太棒了！

我发布了同样的问题，并通过纯 CSS 解决方案得到了很好的答案，它可以工作，但在 IE6 和 7 中仍然存在问题，所以如果可能的话，我想要一个 jquery Only 解决方案。

Answer 1

您可以使用resize 事件，如下所示：（未经测试）

var expandingDiv = $('...');
$(window).resize(function(e) {
    expandingDiv.height(document.documentElement.clientHeight - (180 + 50));
});