如何让下拉菜单与正确的菜单选项卡对齐答案

【问题标题】：How to get dropdown menus to align with the correct menu tab如何让下拉菜单与正确的菜单选项卡对齐
【发布时间】：2011-03-22 01:48:55
【问题描述】：

我一直试图让我的 CSS 下拉菜单与悬停的项目对齐。出于某种原因，它总是在一个角落。相关的 CSS & HTML 代码在这里http://jsfiddle.net/AnQwL/1/

我尝试查看示例以查看我是否在做不同的事情，但我找不到错误。最左边的定位是因为我设置了position: absolute。然而，没有这个，一切都会出错。此外，所有其他示例也使用绝对定位。

另外，我如何让它水平？即，在一行中，而不是一个在另一个之下？

对于解决此问题的任何帮助，我将不胜感激。 css dropdown menu appears at the first tab 这里可能有重复项，但是问题没有得到解答。

【问题讨论】：

标签： html css

【解决方案1】：

您需要相对定位外部<li>s。使用position: absolute 定位元素绝对相对于最近的relatively positioned 元素。

另外，您在原版中误用了id：您有两个#submenu 元素，这是id 属性的错误使用。

【讨论】：

【解决方案2】：

如果你想要一个水平菜单，你需要向左浮动的 ul li 元素。为了使子菜单在正确的位置打开，您需要为 ul li 指定相对位置，为 ul li Ul 指定绝对位置。

试试看；）

【讨论】：