如何让 iframe 填充页面的其余部分？

【问题标题】：How do I make an iframe fill the rest of the page?如何让 iframe 填充页面的其余部分？
【发布时间】：2014-12-24 04:38:28
【问题描述】：

我一直在用 HTML 编写一个网站，我一直想知道如何让 iframe 填充我的页面的其余部分而不重叠导航栏，并且不让整个页面滚动。

【问题讨论】：

嗨，欢迎来到 Stack Overflow！有了这个问题，我们无能为力。您可以包含一些您尝试过的代码吗？这样，我们就可以找出问题的根源是什么。谢谢！
对于以后的帖子，请使用jsfiddle工具向我们展示您的代码jsfiddle.net

标签： html css

【解决方案1】：

如果您不给我们一个代码作为示例，那么将很难给您一个准确的答案。

我的理解是你想要一个标签来填充页面的其余部分。我猜你说的是高度。

您可以使用 css 来获得：

html, body, iframe {height: 100%}

如果您在 iframe 上有导航，则需要减小 iframe 的高度减去导航高度

为此，您可以使用计算：

iframe {height: calc(100% - 80px)}

此处示例：fiddle

【讨论】：

【解决方案2】：

也许你可以用 jQuery 做这样的事情：

   $(window).resize(function () {
    var iframeHeight = $(window).height() - ($('#navigationbar').innerHeight())
    $('#iframe').innerHeight(alturaContenedores);    

});

【讨论】：