我一直在努力让我的CSS下拉菜单与正在盘旋的项目保持一致。出于某种原因,它总是在一个角落。相关的CSS& HTML代码在http://jsfiddle.net/AnQwL/1/
我试过看例子,看看我做的不一样,但我找不到错误。最左边的位置是因为我设置了position: absolute
。然而,没有这个,一切都会出错。此外,所有其他示例也使用绝对定位。
另外,如何让它成为水平?即,在一条线而不是一条线之下?
我很感激解决这个问题的任何帮助。这里可能有重复css dropdown menu appears at the first tab但问题没有得到解答。
答案 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指定绝对位置。
试试吧;)