使用css position定位动态加载的搜索结果框

下面是我的机器中的情况：

如果你和搜索的东西，我相信你会看到这个框错位，因为你的显示器/分辨率可能不同于我的

---

我的问题是，如何定位它，使其始终位于搜索框下，而不考虑显示器的宽度？

将

位置：相对
添加到
#迷你搜索包装器
。然后，您可以根据
#mini search wrapper
-元素的位置对齐搜索结果

position:absolute
绑定到定义了
位置：relative
的下一个父元素。在本例中，您没有在元素上定义相对位置，因此它绑定到文档根，即html元素

position:fixed
始终绑定到文档根目录

浏览器中默认的
位置
是
静态

我希望这能帮助您理解
position
-属性在CSS中的工作原理。
谢谢您的帮助。这解决了位置问题，但是搜索结果不会显示。它们被隐藏在
mini-search-wrapper的容器中，就好像它被设置为
overflow:hidden。如果我手动为
mini search wrapper
指定一个高度，则会显示搜索结果，但会向下推内容，为搜索结果留出空间。我希望结果只悬停在它下面的任何内容上。似乎
迷你搜索包装器
的父级有
溢出：隐藏
-让我做一些测试。是的，这是额外的问题。谢谢，你的帖子帮助我理解了CSS的位置。（最后！）