Question

已删除链接，问题已解决

顶部的菜单应该是一个下拉菜单，但它会向右扩展。

我的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; }

我不知道确切菜单的方向设置在哪里。

Answer 1

从position: absolute;的CSS中删除#primary-nav ul也可以看一下使用FireBug，它很擅长尝试这些东西。你还在寻找什么浏览器？ FF垂直显示菜单，但没有正确对齐，没有背景。

Answer 2

读一个小而精美的阅读here。

Answer 3

我将此菜单视为垂直下拉菜单，而不是水平菜单。在询问CSS问题时，请指定您正在查看的浏览器，因为它对如何回答您的问题有很大的不同。让我们知道它是否已修复，以及为未来读者修复的内容。

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

Answer 4

现在它有点下降了，但是在Firefox 2中它会闪烁并且由于这个原因几乎无法点击。在IE 7结束时，它的对齐性很差，完全无法点击......

CSS下拉，然后向右下降

4 个答案: