0

我得到了这个代码：

    <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;

但这不起作用有没有人知道我做错了什么？

4

2 回答 2

1

使用overflow: hidden：

#resizeDiv {
  overflow: hidden;
}

#content{
  margin-bottom: 25px;
}
于 2012-05-11T11:28:57.567 回答
0

实际上并overflow: hidden没有纠正问题，它只是隐藏了它，问题是标题的高度没有被考虑在内，在 jQuery 的调整大小函数中，我会使用类似的东西来计算标题高度：

$("#content > iframe").height($("#resizeDiv").innerHeight() - $("#title").outerHeight());
于 2012-05-11T11:59:40.767 回答