CSS下拉菜单，右下降反而

顶部的菜单应该是一个下拉菜单，但它扩展到右边来代替。

我的CSS是这样的（我认为这是相关位反正）

#primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px; } 
#primary-nav ul { position: absolute; top: auto; display: none; } 
#primary-nav ul ul { left: 100%; top: 0px; } 
#primary-nav li { float: left; } 
#primary-nav li li { float: none; position: relative; } 

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; } 

#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { display: block; }

我不知道确切位置的菜单的方向设定。

来源

2009-01-02 Kablam

取一小和好的阅读here。

来源

2009-01-02 14:03:41

从#primary-nav ul的CSS中删除position: absolute;也可以看看使用FireBug，这是在尝试这些事情时非常有用的。你还在看什么浏览器？ FF垂直显示菜单，但没有正确对齐，没有背景。

来源

2009-01-02 13:27:03 stuartloxton

同意。我从来没有真正知道你可以使用萤火虫编辑CSS，这是相当不错的。我过去曾使用Web开发工具栏插件中的CSS编辑器，这很好，并且会做类似的工作。 – 2009-01-02 13:31:15

我使用的是FF2和IE7，它们都向我展示了一个水平菜单......在我删除位置之后：它确实下降了，但不同的项目在水平方向上列出。在IE7中，我看到了错位的版本，我认为它的位置：绝对删除。 FireBug做什么？：$ – Kablam 2009-01-02 13:42:48

@Kiki，我在FF3.1中，Firebug允许你在浏览页面时改变CSS值，这样你就可以快速尝试不同的东西。 – stuartloxton 2009-01-02 14:02:27

据kindof现在在下降，但在Firefox 2也闪烁，是由于几乎无法点击。而在IE7它是很差对齐，完全无法点击...

来源

2009-01-02 14:03:23 Kablam

我看到这个菜单为垂直下拉，而不是一个水平的。请在提问CSS问题时指定您正在查看的浏览器，因为它在如何回答您的问题方面有很大不同。让我们知道它是否是固定的，以及为未来的读者修复了什么。

有一两件事我注意到的是，你的菜单项，在右边捅出来的垂直列表中。尝试仅将填充应用于<li>元素，而不是锚标记。这应该可以解决你的问题。当你将它应用于两者时，你必须记住，首先你将填充放在<li>上，然后在内部元素中添加更多的填充，以便它扩展到只填充第一填充量的容器之外。

来源

2009-01-03 05:34:53

CSS下拉菜单，右下降反而

回答

相关问题