Css 防止div取代另一div

我在一个容器中有两个

div

元素，一个

div

位于第一个

div

下。我还运行了一个JS函数，它将抓取第一个

div

，并将其放在屏幕中央以显示。然后JS函数将第一个

div

重新定位到原来的位置。问题是，当第二个

div

移出时，它向上移动以取代第一个

div

，当第一个

div

移回原位时，它们重叠。如何防止第二个

div

向上移动并取代第一个

div

我猜你是在

div

上设置

position:absolute

---

在这种情况下，请改用

position:relative

，而

div

仍将保留其在文档中的原始空间。

也许您可以在以第一个容器为中心的变量“之前”捕获容器div的内容，当您需要返回到原来的方式时，您可以将初始内容替换回来

var initialHtml = $(containerDiv).html()
//center the first div
//after the purpose of centering is achieved
$(containerDiv).html(initialHtml)

---

指定“顶部和左侧”以移动它。我认为这不管用。@Da General:请参阅一个有效（尽管不是交互式）的示例。显示相关的css和标记。等等，这到底是做什么的？它只会重新使用HTML代码段，该代码段将元素正确地放在第一位。