Javascript 如何将HTML元素固定到其初始位置？

在HTML页面中，我有一个搜索栏，在keyup事件中，一个无序列表添加到搜索栏之后。现在，我想让结果覆盖条下的元素，所以它们应该保持在相同的位置，而不是向下。实现这一目标的最佳方式是什么

第一个是没有文本输入的模板，第二个是有输入的相同模板。文本输入会向服务器发出一个ajax查询，服务器用用于构建列表的数据进行响应。我希望此列表确实涵盖了栏下的内容（本例中的最后五条注释和其他注释）

---

我想要一个google.com行为（搜索栏后面的底部被查询结果覆盖）

为了防止下面的内容移动，你需要从布局流中删除搜索建议。您可以使用

position

CSS属性来执行此操作

具体来说，请尝试

位置：绝对
：

绝对定位的箱子从正常流量中取出

这意味着通常位于吧台下方的元素仍将直接位于吧台下方，而不会为添加的搜索建议腾出空间。
多亏了guest，我解决了这个问题

祖先分部

.w3-panel{
  position: relative;
}

评论组

#commentsDiv{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

因此commentsDiv div将相对于w3面板父div定位，不会移动到其他位置。显然，请求的行为是将commentsDiv div和resultsDiv重叠，所以我添加了

z-index: -1;

指示应该隐藏哪个div以利于另一个div（在这种情况下，commentsDiv div将被隐藏，因为它具有较低的z索引（默认值为0）
欢迎使用Stack Overflow。请始终将相关代码添加到您的问题中，以便我们能够准确地看到您正在做什么以及我的准确建议。现在，对该场景的描述非常模糊，我们只能猜测。感谢您添加详细信息