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

Question

我一直在用HTML编写网站代码，而且我一直想知道如何在不重叠导航栏的情况下填充iframe以填充页面的其余部分，而不会使整个页面滚动。

Answer 1

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

我的理解是你希望标签填满页面的其余部分。我假设你在谈论身高。

您可以使用css来获取：

html, body, iframe {height: 100%} 

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

为此你可以使用calc：

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

此处示例：fiddle

Answer 2

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

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

});