Question

请在div内插入<>iframe>>:

<div id="big-box">
    <iframe src="http://www.google.com" class="frame">
    </iframe>
</div>

并且利用科学、技术和科学中心来请iframe占据所有现有的屏幕区域:

#big-box {
    background-color: #aaf;
}

.frame {
    border: medium none;
    height: 100%;
    width: 100%;
}

它完美无缺(12.07),但因之无效(3.6.17)。 http://jsfiddle.net/navi2000/4wevP/1/“rel=”nofollow> 该表显示,在整个联合后勤业务区域, Chrome中包含iframe,但如果你在iframe上试验这一样本,则将占用所有宽度,但并非全部高度。

请注意,如果你为big- Box设定了宽度和高度,它就发挥了作用,但这不是问题(我可以改变这一点)。问题在于,为什么这种不兼容以及如何加以纠正(常常是 Chrome)。

Answer 1

谷歌最新版本(14.0.835)以最接近的版本(3.6.23)和最新版本的EE(9.0.3)一样的方式展示了这种dle。因此,你可以看到,谷歌之首已经做了“权利”的事情。它显示了你们的错误愿望......

添加<条码>:绝对;至<条码>。它面向所有三个上述浏览器。

http://jsfiddle.net/Q5mt5/1“rel=“nofollow”

Answer 2

摘自 j 缩略语

html, body
{
    width: 100%;
    height: 100%;
    padding:0px;
}
div {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

iframe {
    height: 100%;
    width: 100%;
}

jsfiddle works in Firefox 4 and Chrome 14 (sorry thats all I have here with me atm.)

Answer 3

Firefox is correct here. An iframe is an inline replaced element by default, so it sits on the baseline. If you add display: block; to the style for the frame class, then it will obey block sizing rules and completely cover the div.

友情链接