用css位置來定位動態加載搜索結果框

Question

這是它看起來像在我的機器：

如果visit the site和搜索的東西，我敢肯定，你會看到這個框對齊，因爲您的顯示器/分辨率可能與我的不同。

我的問題是，我如何定位它，因此無論顯示器的寬度如何，它總是在搜索框下方？

Answer 1

將position: relative添加到#mini-search-wrapper。然後，您可以根據#mini-search-wrapper元素的位置對齊搜索結果。

position: absolute綁定到定義的position: relative的下一個父元素。在這種情況下，您沒有在元素上定義相對位置，因此它被綁定到文檔根目錄，這是html元素。

position: fixed始終綁定到文檔根目錄。

瀏覽器中的默認position是static。

我希望這可以幫助您瞭解position-properties在CSS中的工作原理。