Html iframe未正确调整铬合金尺寸

我有一个iframe元素，它在Safari 5.1.5中大小合适，但在Chrome中没有

此元素的CSS为：

iframe {
  overflow: hidden; 
  width: 100%;
  height: 80%;
  border: 1px solid #DEDEDE;
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

HTML是：

<iframe marginwidth="0" marginheight="0" scrolling="no" src="foo" height="80%" width="100%"></iframe>

在Safari中，元素看起来与预期的一样，如下所示：

如果调整浏览器的大小，iframe将调整大小

在Chrome中，与Safari结果相比，元素看起来要短得多：

此外，调整浏览器窗口的大小不会更改iframe元素的大小

---

我的iframe设置中是否缺少Chrome不喜欢的内容？谢谢你的建议。

我想我在这里找到了解决方案，在Mac上的Chrome和Firefox上都有同样的问题

我将iframe包装在一个DIV中，并添加了参数display:block；还有位置：绝对到div和iframe标记。我想那两个罪犯在哪里。还为iPad添加了额外的webkit FS

---

工作起来很有魅力

iFrame的父元素有指定的高度吗？可能，我可能完全不同意，chrome占80%，因为您在iFrame和css中都指定了大小？如果您使用html5 doctype，请删除marginheight、marginwidth和滚动，这些在html5中不受支持。父级高度是浏览器窗口的高度。我使用的是HTML4doctype。如果Chrome占80%的话，它的宽度会比Safari的窄，所以这似乎是一个错误的猜测。还有其他人吗？