CSS事業部は、位置決め

Question

私は、サイト上のヘッダー/ナビゲーションバーを持っている、それはそのため

内のすべてのインラインロゴ、ナビゲーションメニュー、および検索ボックスを持っているので、ロゴは、続いて左側にありナビゲーションメニューと右側の検索ボックスに移動します。

検索ボックスはposition: relative;を使用して整列されます。問題は、検索ボックスの前のdivであるnavメニューを基準にして配置されるという問題です。

問題が発生する理由は、表示されているメニュー項目によって、ナビゲーションメニューのサイズが異なることがあるためです。

私の検索ボックスの位置を決めるには信頼できる方法が必要ですが、Divの直前にあるDivだけでなく、特定のDivの相対的な位置を設定する方法はありますか？

画像では、検索ボックスはサイドバーの上に配置する必要がありますが、ナビゲーションメニューの長さは異なる可能性がありますので、相対的なX位置をオフにすると、そのメニューの幅によって異なります

Answer 1

ナビメニューの周りにラッパーを置き、固定幅を与えます。

Answer 2

1つのdiv内でナビと検索を行い、検索のために絶対配置を使用してみてください。