Javascript 滑入div不使整个页面回流

我目前有一个javascript，它生成多个div（DOM对象），如果单击第一个div，子菜单div就会打开。这些子菜单使用jQuery幻灯片动画显示

当前，当生成div时，它们会降低当前存在的其余div。我希望它们在文档中产生重叠的其他div

这是我通过生成DOM的javascript生成的代码：

<div class="de"></div> //"de" divs are divs that when you click them, the summon their corresponding "ds" div.
<div id="8" class="ds" style="display: block;"></div>
<div class="de"></div>
<div id="10" class="ds" style="display: block;"></div>

---

非常感谢您的时间，我将非常感谢您的帮助。

.de

很可能需要：

位置：相对

而
.ds
将需要：

position: absolute; 
top: 50px;
left: 0;
z-index: 100;

.ds
div需要嵌套在
.de
div中，我的方法才能正常工作。这里的关键是绝对定位。如果你浮动所有这些元素，它将产生你提到的“重新流动”（推动）页面的效果。
你尝试过移除浮动吗？@vsync，你可以提供一个建议，而不是简单的抨击。@lcoderre-通过“抨击”，我给他去学习的动力，这样他至少在公共场合不会那么羞愧。我不教书，这和写糟糕的代码一样糟糕。一个人必须自己学习，否则他就没有前途。你让我建议改正，是在拖我自己的后腿。显然，我不想教这些基础知识。请善待彼此。谢谢
position: absolute; 
top: 50px;
left: 0;
z-index: 100;