css - iFrame 100% 高度减去标题

Question

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

Answer 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;
}

Answer 2

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