iframeのオーバーレイコンテンツ

Question

私はこのコードを持って：

<div id="resizeDiv"><div id="title">Lol</div><div id="content"><iframe src='todo.php' height='100%' width='100%' frameborder='0px'></iframe></div></div> 

を、これはCSSです：

#title{ 
     height: 25px; 
     width: 100%; 
     background: #c0c0c0; 
     border-bottom: 1px solid #999; 
    } 
    #content{ 
     margin-bottom: 25px; 
    } 

と私はボックスのサイズ変更を許可するようにjqueryのを使用します。 iframeが外に出て25px外に出ます。 は、私が試した：

margin-bottom: 25px; 

それdoesntの仕事は、誰もが私はdoeing間違っているものを考えているのですか？

Answer 1

使用overflow: hidden：

#resizeDiv { 
    overflow: hidden; 
} 

#content{ 
    margin-bottom: 25px; 
} 

Answer 2

がoverflow: hiddenが実際に問題を修正しませんが、それはそれを隠し、問題は、私は希望タイトルの高さは、jQueryのにサイズ変更機能では、考慮されていないです次のようなものを使用して、タイトルの高さを考慮してください：

$("#content > iframe").height($("#resizeDiv").innerHeight() - $("#title").outerHeight());