如何在不创建不必要的空格的情况下插入弹出模式？

Question

情况就是这样：当用户点击该链接时，我希望元素显示在链接的顶部。现在，我有一个位于页面底部的div元素，当我使用Jquery加载文档时，我将其隐藏。我有链接工作，所以当链接工作时，元素出现在链接的顶部。我可以通过相对定位将元素放在链接的顶部。问题是，当我使用Jquery显示元素时，页面底部会出现空格。我认为白色空间应该是div元素，如果没有定位的话。有没有办法做到这一点，没有额外的空白区域显示元素未定位的位置？

以下是元素的代码：

#confirm-delete {
  position: relative;
  top: -200px;
  width: 400px;
  z-index: 1000;
  margin: 0 auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

没关系，我解决了。我将外部容器设置为相对位置，并将我的＃confirm-delete设置为绝对定位。 感谢。

Answer 1

尝试使用position: absolute;而不是亲戚，如果您想将某些内容置于另一个

之上