Html 将鼠标悬停在子类别上时，将显示下拉菜单

在中，我有一个下拉菜单，当我尝试将鼠标悬停在子类别上时，该菜单将消失。我找到了一个修复方法-更改“top:\”信息，使其重叠。这很好，但看起来很难看。我现在有一个间隙（我想要），如果我悬停的足够快，我可以让它说，但这不是特别友好的用户。我在某个地方读到，边境可能会给它带来问题

CSS代码 HTML代码

我为您提供了一个简单的解决方案。您甚至不必更改JavaScript。
在

#nav span

类的

style.css中，将这一行添加到代码中：
边距底部：10px

因此，它将是：

#nav span {
   display:block;
   cursor:pointer;
   white-space:nowrap;
   margin-bottom:10px;
}

你是个天才，谢谢你！！几个小时以来，我一直在用那个东西把头撞在砖墙上。谢谢！！！：）
<div class="nav-container">
  <ul id="nav">
    <li class="level0 nav-1 parent" onmouseover="toggleMenu(this,1)" onmouseout="toggleMenu(this,0)">
      <a href="http://www.ivcatalina.com/magento/index.php/furniture.html">
        <span>
          Furniture
        </span>
      </a>
      <ul class="level0">
        <li class="level1 nav-1-1 first">
          <a href="http://www.ivcatalina.com/magento/index.php/furniture/living-room.html">
            <span>
              Living Room
            </span>
          </a>
        </li>
        <li class="level1 nav-1-2 last">
          <a href="http://www.ivcatalina.com/magento/index.php/furniture/bedroom.html">
            <span>
              Bedroom
            </span>
          </a>
        </li>
      </ul>
    </li>
    <!-- Other menu items -->
  </ul>
</div>

#nav span {
   display:block;
   cursor:pointer;
   white-space:nowrap;
   margin-bottom:10px;
}