0

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

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

提前致谢

4

4 回答 4

3

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

div 导航和 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
  }
于 2013-05-08T08:14:40.387 回答
1

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

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

如果您需要在这种情况下添加浮动属性，您需要提供左侧容器 + iframe 容器覆盖的总面积，以便它们并排显示。

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

于 2013-05-08T08:26:56.187 回答
1

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

 position: absolute;

用于导航，效果很好

于 2013-05-08T08:07:33.910 回答
1

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

我已经选择width: 800px;

看看我的小提琴我是如何布置的。

http://jsfiddle.net/RPxFs/

于 2013-05-08T08:21:00.233 回答