html - 在 div 中嵌入一个 iframe，并让 div 成为 iframe 文档的全高

Question

我在 div 中嵌入了一个 iframe。如何使容器 div 成为 iframe 文档的全高？

<div>
  <iframe width=100% height=100% frameborder=0 src='https://www.graf.ly/dashboards/111?embed=1'></iframe>
</div>

http://jsfiddle.net/3e794/

Answer 1

您还需要将父元素的高度设置为 100%...

html, body, div.wrap-frame {
    height: 100%;
}

Demo

---

如果你想去掉多个滚动条，使用

iframe {
    display: block;
}

因为 iframe 会在底部产生空白，因此会向 100% 添加少量像素，这会导致多次垂直滚动...

Demo 2

请注意，我为包装器 div 元素使用了 class，这样我就不必使用通用元素选择器/类型选择器。

另外，养成引用属性值的习惯。