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

时间:2011-03-21 17:20:09

标签: html css

我一直在努力让我的CSS下拉菜单与正在盘旋的项目保持一致。出于某种原因,它总是在一个角落。相关的CSS& HTML代码在http://jsfiddle.net/AnQwL/1/

我试过看例子,看看我做的不一样,但我找不到错误。最左边的位置是因为我设置了position: absolute。然而,没有这个,一切都会出错。此外,所有其他示例也使用绝对定位。

另外,如何让它成为水平?即,在一条线而不是一条线之下?

我很感激解决这个问题的任何帮助。这里可能有重复css dropdown menu appears at the first tab但问题没有得到解答。

2 个答案:

答案 0 :(得分:2)

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

http://jsfiddle.net/Eric/MkKWa/

此外,您滥用了原始版本中的id:您有两个#submenu元素,这是id属性的错误用法。

答案 1 :(得分:0)

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

试试吧;)