CSS股利定位

Question

我有一個網站頁眉/導航欄，它有一個標誌，導航菜單和搜索框中的所有在線的順序

所以標誌是在左邊，其次是導航菜單和右側的搜索框。

搜索框對齊使用position: relative;問題是它是相對於導航菜單，這是搜索框前的div定位的問題。

原因是一個問題，是因爲導航菜單可能具有不同的大小，具體取決於它顯示的菜單項。

我需要一個可靠的方式來定位我的搜索框，有沒有辦法將Div相對於某個Div而不是僅僅位於它之前的Div？

在圖像中，搜索框應該位於側邊欄上，但正如我所提到的，導航菜單可以具有不同的長度，所以如果我將相對X置於其上，它將根據菜單的寬度而有所不同

Answer 1

在你的導航菜單中放一個包裝並給它一個固定的寬度。

Answer 2

嘗試讓您的導航和搜索在一個div內，然後使用絕對定位進行搜索。