具有相对大小的 div 中的 HTML iframe答案

【问题标题】：HTML iframe in div with relative size具有相对大小的 div 中的 HTML iframe
【发布时间】：2011-09-19 00:08:49
【问题描述】：

我有一个 HTML 布局问题，涉及一个带有 iframe 的 div。现在我有：

<div style="width:100%;height:20px">something</div>
<div style="width:100%;height:100%;">
<iframe src="whatever" style="width:100%;height:100%" />
</div>

基本上，我正在寻找 Auto,* 布局（顶部是固定大小，底部是“其余部分”）。如果你这样做，并且 iframe 中的内容也是相对的 100/100%，浏览器滚动条不能正常工作。它总是允许滚动 20 像素（因为显然相对/设置大小不起作用我认为它有效），如果您重新调整大小小于 iframe，它不会按预期工作。如果我将第二个 div 的高度设置为某个值，例如 20px，那么它会按预期工作，但是由于我不知道 iFrame 子项的大小，所以我不能这样做..

我在这里做错了什么吗？

【问题讨论】：

标签： iframe html

【解决方案1】：

http://jsfiddle.net/KphGQ/ .. 看看这个

【讨论】：

这个例子给了我一个想法，但我认为有一些错误：#wrapper 样式块应该是... top: 0; bottom: 20px; ...