css - スーパーフィッシュメニューの問題

Question

メインメニューとサブメニューの下にギャップがあり、[プロファイル]->[プロファイル設定]のメニューの高さに問題がある理由がわかりません。

score 0 · Accepted Answer

プロファイル設定は、33pxの高さに設定し、2行にまたがるため、高さの問題があります...

.main-menuliを次のように変更します。

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

および.main-menuli：hover to：

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

}

最高値が大きすぎて、サブメニューの位置が低すぎました。

score 0 · Accepted Answer

このようなもの

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

メニューの2番目のレベルをターゲットにしてから、ギャップがなくなるまでtop：-10pxの値を適宜変更します。

負の数は重要です！（ギャップ修正の場合は負、オーバーラップの場合は正）

2 に答える 2