具有相對大小的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/ ..看看這個