css - Superfish菜单的问题

Question

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

无法理解为什么主菜单和子菜单下方有一个间隙，并且 Profile->Profile Setting 的菜单有高度问题。

Answer 1

像这样的东西

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

您想定位菜单的第二级，然后相应地更改 top:-10px 值，直到间隙消失。

负数很重要！（间隙修复为负，重叠为正）

Answer 2

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

将 .main-menu li 更改为：

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

和 .main-menu li:hover 到：

.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;

}

您的最高值太大了，子菜单的位置太低了。