Question

我正在尝试设置动画，以便当iframe源更改时，它会被隐藏，然后再次显示。问题是当show被触发时，我的div向下移动。我真的不知道该怎么做，我很确定css是问题所在。我的代码在这里： http://jsfiddle.net/RPxFs/

点击黑色部分更改来源，您会在iframe中看到“找不到页面”，但无论如何您都会看到问题所在。

提前致谢

Answer 1

我认为它会因为宽度重叠而下降。

div nav和div frame_div

尝试将frame_div的宽度百分比降低到79％并删除div frame_div样式。

http://jsfiddle.net/vonDy2791/RPxFs/7/

<div src="save.php" id="frame_div" >
#frame_div{
    float: left;
    height: 90%;
    width: 79%;
    border-right: 1px solid #999;
    display: none;
    overflow: hidden
  }

Answer 2

http://jsfiddle.net/RPxFs/19/看这里，我刚刚添加了

 position: absolute;

用于导航，效果很好

Answer 3

如果你给包含div一个固定的宽度足以容纳导航和iframe，那么它们应该并排放置。

我选择了width: 800px;

看看我如何摆脱它的小提琴。

http://jsfiddle.net/RPxFs/

Answer 4

要解决此问题，请从iframe容器下方删除此属性 float：left; 。

#frame_div {
    border-right: 1px solid #999999;
    display: none;
    float: left;
    height: 90%;
    overflow: hidden;
    width: 80%;
}

如果您需要添加浮动属性，则需要提供剩余容器+ iframe容器所覆盖的区域的总数，以便并排显示。

这是jsfiddle链接http://jsfiddle.net/RPxFs/20/

Div向下移动

4 个答案: