ここでは、動的にロードされ、検索結果ボックス

Question

を配置するためにCSSの位置を使用すると、それは私のマシンでどのように見えるかです：

あなたvisit the siteと私はあなたがいるのでずれて、このボックスが表示されます確信している何かを検索する場合あなたのモニター/解像度は私のものと異なるかもしれません。

私の質問は、モニタの幅に関係なく、常に検索ボックスの下に表示されるように配置することができますか？

Answer 1

position: relativeから#mini-search-wrapperを加算する。その後、#mini-search-wrapper要素の位置に基づいて検索結果を並べ替えることができます。

position: absoluteは、position: relativeが定義された次の親要素にバインドされます。この場合、要素の相対位置を定義していないので、ドキュメントルート（html要素）にバインドされています。

position: fixedは常にドキュメントルートにバインドされます。

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

これは、positionのプロパティがCSSでどのように機能するかを理解するのに役立ちます。