我在一个站点上有一个标题/导航栏,它有一个 Logo 、导航菜单和搜索框,所有内容都按此顺序排列
因此 Logo 在左侧,然后是导航菜单和右侧的搜索框。
搜索框使用 position: relative;
对齐,问题是它相对于导航菜单定位,导航菜单是搜索框之前的 div。
这是个问题,因为导航菜单可以有不同的大小,这取决于它显示的菜单项。
我需要一种可靠的方法来定位我的搜索框,有没有一种方法可以相对于某个 Div 而不仅仅是它前面的 Div 来定位 Div?
在图像中,搜索框应位于侧边栏上方,但就像我提到的那样,导航菜单可以有不同的长度,所以如果我将相对 X 放在它之外,它会根据菜单的宽度而有所不同
最佳答案
在你的导航菜单周围放置一个包装器并给它一个固定的宽度。
关于CSS Div定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8765325/