iFrame 100% 高度减去标题 [关闭]答案

【问题标题】：iFrame 100% height minus header [closed]iFrame 100% 高度减去标题 [关闭]
【发布时间】：2013-02-06 19:46:03
【问题描述】：

我有一个高度为 100% 的 iframe 以及一个位于上方的 div（高度为 70 像素）。 iframe 溢出页面，但我希望能够将 100% 高度减去 70px，以便 iframe 的滚动条适合页面。

【问题讨论】：

问题中通常有一个?。
你想知道css是否可行吗？如果有人知道如何使用js？什么？
尝试制作一个固定大小的 div 并将 iFrame 插入其中。
您可以使用较低的百分比值吗？我想这篇文章可能对你有帮助。 stackoverflow.com/questions/14624374/…
感谢您提出这个问题！

【解决方案1】：

好的，所以我想通了。我刚刚在 iframe 周围添加了一个父 div。

<div class="parent">
    <iframe src="http://reddit.com"> </iframe>
</div>

.parent{
    margin-top: 70px;
    position: absolute; 
    top: 0px; 
    left: 0px;
    right: 0px; 
    bottom: 0px;
}

iframe{
    position:absolute; 
    width: 100%;
    height: 100%;
    border: 0px;
}

【讨论】：

我想知道为什么需要额外的DIV，但这对我有用。
愚蠢的是，这被关闭为“不是一个真正的问题”，因为它没有“？”在末尾。正在尝试做完全相同的事情，这对我有帮助，谢谢。
刚才也帮助了我，很好的答案。投票重新提出问题（即使它已经相当老了，它仍然相关

【解决方案2】：

不要在 iframe 上设置高度，而是使用绝对定位，使其顶部距页面边缘 70px，而其他边距页面边缘 0px。

【讨论】：