0

我对几个 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“标题”,因此不可能进行绝对定位。

4

2 回答 2

4

把它们一个接一个

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

两者都应该被定位relative,当一个被隐藏时,另一个会向上移动并且它们将在同一个位置 - 只要您使用切换来始终隐藏一个并显示一个

于 2013-01-07T21:23:15.367 回答
0

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

于 2013-01-07T21:22:23.107 回答