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

我对几个div有点意见

我需要两个div被放置在完全相同的位置，并切换它们。当一个div消失时，另一个div应该出现。这是我将使用jQuery toggle（）完成的

问题是两个div都应该是页面流的一部分，并且定位方式完全相同。我将如何做到这一点

因此，有一些先前的div，占据了一些位置，具有相对定位和非固定大小（取决于窗口度量）

... 

然后我的部门

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

... 

还有我的另一半

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

这是关于

后面的两个div应该占据同一个位置。我可以使用什么定位标签

---

由于灵活的元素——第一个DIV“header”，设计会根据窗口大小进行调整，因此不可能进行绝对定位

您需要一个相对定位的父容器和绝对定位的子容器，或者在其完全消失时隐藏一个并显示另一个

您需要一个相对定位的父容器和绝对定位的子容器，或者隐藏一个，当它完全消失时显示另一个

只要把它们一个接一个地放好

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

。。。
这是关于

---

两者都应该相对定位，当一个被隐藏时，另一个将向上移动，并且它们将位于相同的位置-只要您使用切换始终隐藏一个并显示一个，只需将它们一个接一个地放置即可

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

。。。
这是关于

两者都应该相对定位，当其中一个隐藏时，另一个将向上移动，并且它们将位于相同的位置-只要您使用切换始终隐藏一个并显示一个