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>

这是:

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

and i use jquery to allow resizing of the box. but the iframe goes out the box exacly 25px. i tried:

    margin-bottom: 25px;

但有一点是,谁会认为什么是错了?

Answer 1

http://www.un.org

#resizeDiv {
  overflow: hidden;
}

#content{
  margin-bottom: 25px;
}

Answer 2

<代码>over: 隐藏的没有实际纠正问题,只是掩盖问题,问题在于标题的高度没有被考虑进去。

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

友情链接