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。