Superfish菜单有问题

Question

参见链接： http://www.advertisesolutions.com/beta/4kitchens.html

无法理解为什么主菜单和子菜单下方存在间隙，而Profile-＆gt; Profile Setting菜单的高度存在问题。

Answer 1

配置文件设置有高度问题，因为您将其设置为33px高度并且它跨越两行......

将.main-menu li更改为：

.main-menu li {
      background:#ff6633;
      height:auto;
}

和.main-menu li：悬停到：

.main-menu li:hover {
      background:#ff6633;
      height:auto;
}

消除差距变化：

.main-menu li:hover ul, .main-menu li.sfHover ul {
left: 0;
top: 2.5em;
z-index: 99;

}

为：

.main-menu li:hover ul, .main-menu li.sfHover ul {
left: 0;
top: 2.2em;
z-index: 99;

}

您的最高值太大，并且子菜单定位太低。

Answer 2

像这样的东西

.main-menu li li {
  position:relative;
  top:-10px;
}

您想要定位菜单的第二级，然后相应地更改顶部：-10px值，直到差距消失。

负数很重要！ （差距修正为负，重叠为正）