css - iFrame 100% の高さからヘッダーを引いたもの

Question

高さが 100% の iframe と、その上にある div (高さは 70px) があります。iframe がページからはみ出しますが、iframe のスクロールバーがページに収まるように、高さ 100% から 70px を差し引いた値を使用できるようにしたいと考えています。

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 に高さを設定する代わりに、絶対配置を使用して、上部がページの端から 70 ピクセル、他の側面が 0 ピクセルになるようにします。