css - css position を使用して、動的に読み込まれた検索結果ボックスを配置する

Question

私のマシンでは次のようになります。

サイトにアクセスして何かを検索すると、モニター/解像度が私のものと異なる可能性があるため、このボックスがずれていることがわかると思います.

私の質問は、モニターの幅に関係なく常に検索ボックスの下に表示されるようにするにはどうすればよいですか?

Answer 1

に追加position: relativeし#mini-search-wrapperます。次に、-要素の位置に基づいて検索結果を整列させることができます#mini-search-wrapper。

position: absoluteposition: relativeが定義された次の親要素にバインドされます。この場合、要素の相対位置を定義しなかったため、html要素であるdocument-rootにバインドされます。

position: fixed常にdocument-rootにバインドされます。

positionブラウザのデフォルトはですstatic。

positionこれが、CSSで-propertyがどのように機能するかを理解するのに役立つことを願っています。