动态容器高度（仅限jQuery）

Question

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

我发布了同样的问题并且仅使用CSS解决方案得到了很好的答案，但它仍然有效，但在IE6和7中仍有问题，所以我想要一个jquery Only解决方案，如果可能的话。< / p>

Answer 1

您可以使用resize event，如下所示:(未经测试）

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