将DIV放在同一位置，切换它们

Question

我的几个DIV有点问题。

我需要将两个DIV放在完全相同的位置，然后切换它们。 随着一个div消失，另一个应该出现。 我将使用jQuery toggle（）做到这一点。

问题在于两个DIV应该是页面流的一部分，并且位置应完全相同。 我将如何实现？

因此，有一些以前的div，它占据了某个位置，具有相对的位置和不固定的大小（取决于窗口尺寸）

<div class="header">
... </div>

然后我的div

<div id="galleria" style="height:700px;width:920px; margin:0 auto; border:1px solid green;   ">
 ... </div>

和其他我的DIV

<div id="aboutDiv" >
This is ABOUT
</div>

之后的两个div应该占据相同的位置。 我可以使用哪些定位标签？

由于采用了柔性元件，设计可根据窗口大小进行调整，这是第一个DIV“标题”，因此不可能进行绝对定位。

Answer 1

只是一个接一个地

<div id="galleria" style="height:700px;width:920px; margin:0 auto; border:1px solid green;   "> ... </div>
<div id="aboutDiv" >
This is ABOUT
</div>

两者都应relative放置，当一个被隐藏时，另一个将向上移动，并且它们将位于同一位置-只要您使用切换开关始终隐藏一个，而另一个显示

Answer 2

您要么需要一个相对定位的，具有绝对位置子代的父容器，要么隐藏一个子容器，并在其完全淡出时显示另一个子容器