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;

但那不起作用有没有人知道我的错误是什么？

Answer 1

使用overflow: hidden：

#resizeDiv {
  overflow: hidden;
}

#content{
  margin-bottom: 25px;
}

Answer 2

overflow: hidden实际上没有解决问题，它只是隐藏它，问题是标题的高度没有考虑在内，在jQuery的resizer函数中我会用somthing来解释标题高度像：

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