iFrame 100%高度减去标题

Har*_*rry 4 html css iframe

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

在此输入图像描述

Har*_*rry 12

好的,所以我明白了.我刚刚在iframe周围添加了一个父div.

<div class="parent">
    <iframe src="http://reddit.com"> </iframe>
</div>
Run Code Online (Sandbox Code Playgroud)


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

iframe{
    position:absolute; 
    width: 100%;
    height: 100%;
    border: 0px;
}
Run Code Online (Sandbox Code Playgroud)

  • 愚蠢的说,由于没有“?”这个问题而被封闭为“不是一个真正的问题”。在最后。试图做完全相同的事情,这对我有所帮助,谢谢。 (2认同)