如何让一个div不再移动另一个div

Question

一周前我问了一个类似的问题，除了现在我遇到了另一个问题 以前，我试图让动态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

代码： http://jsfiddle.net/hLLPL/

Answer 1

正如我在comment中建议的那样，这是更新fiddle的工作示例。

我做了什么

1. 将所有静态类div放入父div内。 （P.S.我改变了类以适应我自己的编码范例。

   <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>
   

2. 将此CSS分配给父div。

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