3

我已经浏览了以前的堆栈帖子，并尝试了我能找到的所有方法，但唉，没有任何效果。

我的下拉菜单在 jsfiddle 中运行良好：http:
//jsfiddle.net/4JFQ8/5/

但是，当我使用 firefox 或 safari 预览代码时，“服务”链接下的下拉菜单不会直接在“服务”链接按钮下方对齐，并且当我尝试向下移动鼠标时，下拉菜单会消失。

顺便说一句，感谢所有回答这些问题的人。这个网站过去帮助了我很多，但不幸的是这是我第一次发帖。

4

3 回答 3

4

Please try this:

ul.dropdown ul {
left: 0;
list-style: none outside none;
padding: 0;
position: absolute;
top: 100%;
visibility: hidden;
width: 200px;
}

Include padding:0 & list-style:none

于 2012-10-04T16:31:08.973 回答
0

消除

position:absolute;

像这样的导航风格可能会有所帮助

nav{
  margin-top:10px;
  top:0;
  right:0;
  clear:both;
  font-family:"Copperplate Gothic Light";
}
于 2012-10-04T16:57:47.910 回答
0

在@Shivaji 的帮助下，
这适用于 Firefox 和 Safari。
我变了：

ul.dropdown ul {
宽度：200px; 可见性：隐藏；位置：绝对；最高：100%；左：0；}



至：

ul.dropdown ul { 左：0；列表样式：无外无；填充：0；位置：绝对；顶部：5px；可见性：隐藏；宽度：200px；}



“top:5px”使得点击下拉菜单成为可能。
“list-style: none outside none; padding: 0;”修复了对齐问题。
请注意，这尚未在 Chrome 或 IE 中进行测试！多谢你们！

于 2012-10-04T17:07:57.007 回答