Question

 http://codepen.io/anon/pen/KpVzEG
<nav class="nav_main">

标志

<li>
<a href="#" class="nav-item">Tutorials</a>
<div class="nav_content">
 <div class="nav_sub">
  <ul>
   <li><a href="#">HTML5</a></li>
   <li><a href="#">CSS</a></li>
   <li id="Javascript"><a href="#">Javascript</a>
   <div class="nav_sub_sub">
     <ul><li><a href="#">Javascript Basics</a></li></ul></div>              
   <li><a href="#">PHP</a></li>
  </ul>
 </div>
</div>
</li>   
<li>
  <a href="#" class="nav-item">+</a>
  <div class="nav_content">
    <div class="nav_sub">
      <ul>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a>
        </li>
      </ul>
    </div>
  </div>
</li>
<li>
  <a href="#" class="nav-item">+</a></li>
<li>
  <a href="#" class="nav-item">+</a>
</li>

所以基本上我设计了一个下拉菜单，悬停，我在其中一个菜单项中放了另一个下拉菜单。

问题是，当鼠标悬停在子菜单的列表项后，该栏会关闭。

我试图弄清楚发生了什么，但我无法做到。

在上面的链接中查看我的代码，也许有人可以解释我做错了什么？

CSS [triple]下拉菜单折叠问题

0 个答案: