CSS Div定位

标签 css

我在一个站点上有一个标题/导航栏,它有一个 Logo 、导航菜单和搜索框,所有内容都按此顺序排列

因此 Logo 在左侧,然后是导航菜单和右侧的搜索框。

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

这是个问题,因为导航菜单可以有不同的大小,这取决于它显示的菜单项。

我需要一种可靠的方法来定位我的搜索框,有没有一种方法可以相对于某个 Div 而不仅仅是它前面的 Div 来定位 Div?

在图像中,搜索框应位于侧边栏上方,但就像我提到的那样,导航菜单可以有不同的长度,所以如果我将相对 X 放在它之外,它会根据菜单的宽度而有所不同 enter image description here

最佳答案

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

关于CSS Div定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8765325/

相关文章:

html - CSS 以防止星级评定重置为多个星级

css - 第一个字母超出段落框。如何解决?

jquery - CSS 阻止折叠我的 DIV

javascript - 使用 JavaScript 将多行内联元素分解为不同的元素

css - 手写笔因语法错误而中断,类似于 less

html - css负边框形状

javascript - 如何通过注入(inject) javascript 更改 android webview 中的样式?

php - 如何知道选择了哪个 anchor 链接

html - 在 100% 宽度的 div 上创建内部面板需要什么 CSS

javascript - 无序列表中相应产品的悬停状态