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; 

但是，這並不工作沒有任何人有一個想法就是我doeing錯了嗎？

Answer 1

使用overflow: hidden：

#resizeDiv { 
    overflow: hidden; 
} 

#content{ 
    margin-bottom: 25px; 
} 

Answer 2

的overflow: hidden實際上並沒有解決問題，它只是隱藏它，問題是標題的高度不jQuery的考慮，在尺寸調整功能，我想帳戶的標題高度使用類似的東西：

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