CSS Div定位

Question

我在网站上有一个页眉/导航栏，它有一个徽标，导航菜单和搜索框，所有内容都按顺序排列

因此，徽标位于左侧，然后是导航菜单和右侧的搜索框。

搜索框使用position: relative;对齐问题是它相对于搜索框前面的div导航菜单定位。

出现问题的原因是因为导航菜单的大小可能不同，具体取决于它显示的菜单项。

我需要一种可靠的方法来定位我的搜索框，有没有办法将Div相对于某个Div定位，而不仅仅是直接位于它之前的Div？

在图像中，搜索框应该放在侧边栏上方，但是就像我提到的那样，导航菜单可以有不同的长度，所以如果我将相对X的位置关闭，它将根据菜单的宽度而有所不同

Answer 1

在导航菜单周围放一个包装，并给它一个固定的宽度。

Answer 2

尝试使用导航并在单个div中搜索，然后使用绝对定位进行搜索。