css - 使用css位置定位一个动态加载的搜索结果框

Question

这是它在我的机器中的样子：

如果您访问该站点并搜索某些内容，我相信您会看到此框未对齐，因为您的显示器/分辨率可能与我的不同。

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

Answer 1

添加position: relative到#mini-search-wrapper. 然后，您可以根据#mini-search-wrapper-element 的位置对齐搜索结果。

position: absolute绑定到具有position: relative定义的下一个父元素。在这种情况下，您没有在元素上定义相对位置，因此它绑定到文档根目录，即 html 元素。

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

position浏览器中的默认值是static.

我希望这可以帮助您了解position-property 在 CSS 中的工作原理。