Javascript 如何使一个div不移动另一个div

大约一周前，我问了一个类似的问题，但现在我有一个不同的问题。
以前，我试图让动态jQuery选项卡出现在我网站的导航栏前面。动态选项卡包含用户对象，例如：“用户控制面板”和“快速链接”

无论如何，使用CSS中可用的“z”坐标，我能够将选项卡（最小化前和最小化后）定位在导航菜单（以及网站的其余部分）前面。然而，我现在有一个不同的问题。选项卡在网页的侧面排成一行，如下所示：

                                                                             T
                                                                             A
                                                                             B
                                                                             1

                                                                             T
                                                                             A
                                                                             B
                                                                             2

                                                                             T
                                                                             A
                                                                             B
                                                                             3

                                                                             T
                                                                             A
                                                                             B
                                                                             4

一切正常，除了我单击其中一个选项卡时，包含数据的框从侧面板中出来（应该如此），占据了侧面板上的空间，并向下推其他选项卡。我想让标签保持在原位，盒子无论如何都能出来。这就是它现在所做的：

                                                                             T
                                                                             A                                                                                                     
                                                                             B
                                                                             1
_____________________________________________________________________________
|
|
|
|
|
|
|
|
|
|
|
|
|
|
----------------------------------------------------------------------------
                                                                             T
                                                                             A
                                                                             B
                                                                             2

                                                                             T
                                                                             A
                                                                             B
                                                                             3

                                                                             T
                                                                             A
                                                                             B
                                                                             4

代码：

正如我在我的中所建议的，下面是关于更新的工作示例

我所做的

将所有静态类

div

s放入父类

div

中。（附言）我改变了类以适应我自己的编码范式

<div class="static">
  <div style="background:url('assets/img/tab_ucp.png');" id="static1" class="stat"></div>
  <div style="background:url('assets/img/tab_aqa.png');" id="static2" class="stat"></div>
  <div style="background:url('assets/img/tab_cr.png');" id="static3" class="stat"></div>
  <div style="background:url('assets/img/tab_ql.png');" id="static4" class="stat"></div>
</div>

---

完成：将制表符放在一个具有绝对位置的div中？@BackinaFlash尝试了这个方法，但没有成功，它似乎隐藏了除一个div之外的所有div。@补充说明：我更改了类名。请也检查一下。

.static {
  position: absolute;
  top: 0px;
  right: 0px;
}