调整大小的iFrame根据DIV大小

Question

这里是我的代码： http://jsfiddle.net/d6j6e/

当你点击中间的灰色小矩形，你可以拖动它做的DIV更小或更大。有点像在JSFiddle中。

我希望能够根据DIV大小调整iframe的大小。 所以，如果我点击并拖动DIV变大，那么iframe的大小将调整到底部的d​​iv大小。

有什么想法？

谢谢！

Answer 1

只需删除其大小的绝对值？

#divId 
{ 
height:480px; 
width:640px;  
} 

=>

#divId { /* should be "iframeId" */ 
    height: 100%; 
    width: 100%; 
}