防止div取代另一个div

Question

我在容器中有两个div元素，一个div位于下第一个div。我还运行了一个JS函数，它将获取第一个div，并将其置于屏幕中央以供显示。然后JS函数将第一个div重新定位到它的位置。问题是，第二个div向上移动以在移出时占据第一个div的位置，并且当第一个div移回原位时它们重叠。如何阻止第二个div向上移动并占据第一个div的位置？

Answer 1

我猜你在position: absolute移动了div？

在这种情况下，请改用position: relative，div仍会保留文档中的原始空格。

Answer 2

也许你可以在第一个居中之前捕获容器div的内容，然后当你需要回到原来的样子时，你可以替换原来的内容

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