css - 防止 div 取代另一个 div

Question

我在一个容器中有两个元素div，一个div位于第一个. 我还运行了一个 JS 函数，它将抓取第一个，并将其置于屏幕中心以进行显示。JS 函数然后将第一个重新定位到它的位置。问题是，第二个移出时会向上移动以取代第一个的位置，而当第一个移回原位时它们会重叠。如何防止第二个向上移动并取代第一个？ divdivdivdivdivdivdivdiv

Answer 1

我猜你正在设置你position: absolute正在div移动？

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

Answer 2

也许您可以在 var 'before' 中以第一个为中心捕获容器 div 的内容，当您需要回到原来的样子时，您可以将初始内容替换回来

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