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

EN

情况是这样的:当用户单击链接时，我希望一个元素出现在该链接的顶部。现在，我在页面底部有一个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设置为绝对位置。谢谢。