iframe - div 中具有相对大小的 HTML iframe

Question

我有一个 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>

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

我在这里做错了什么吗？

Answer 1

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