iframe的覆盖内容

我得到这个代码：iframe的覆盖内容

<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错了吗？

来源

2012-05-11 lexvdpoel

是'标题'完全25px？ – Bloafer

是的，它是25px：P – lexvdpoel

使用overflow: hidden：

#resizeDiv { 
    overflow: hidden; 
} 

#content{ 
    margin-bottom: 25px; 
}

来源

2012-05-11 11:28:57 undefined

没有工作iframe仍漂浮在框中:( – lexvdpoel

它工作时，我把它放在resizeDiv类CLASS THANK YOU !! – lexvdpoel

@lexvdpoel我正在更新马答案，你做得比我快:) – undefined

的overflow: hidden实际上并没有解决问题，它只是隐藏它，问题是标题的高度不jQuery的考虑，在尺寸调整功能，我想帐户的标题高度使用类似的东西：

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

来源

2012-05-11 11:59:40 Bloafer

iframe的覆盖内容

回答

相关问题