漢堡菜單崩潰問題

Question

當我用漢堡包菜單點擊第三項（「Opere」）時，它會正確摺疊，但下一項（「Contatti」）不會在項目下滾動。爲什麼？

http://www.simonenicosia.it/demo/

[]

<nav id="main-nav"> 
     <ul id="navbar-submenu"> 
     <li><a href="index.php">Home</a></li> 
     <li><a href="#profilo">Profilo</a></li> 
     <li><span data-toggle="collapse" data-target="#toggleOpere" data-parent="#navbar-submenu" class="collapsed">Opere</span> 
      <div class="collapse" id="toggleOpere" style="height: 0px;"> 
      <ul class="nav nav-list"> 
       <li><a href="#"id="projects/pittura.html" class="project-expander">Pittura</a></li> 
       <li><a href="#"id="projects/evoluzioni.html" class="project-expander">Evoluzioni pittoriche</a></li> 
       <li><a href="#"id="projects/3d.html" class="project-expander">Forme tridimensionali</a></li> 
       <li><a href="#"id="projects/steel.html" class="project-expander">Steel</a></li> 
       <li><a href="#"id="projects/artdesign.html" class="project-expander">ArtDesign</a></li> 
       <li><a href="#"id="projects/musticatower.html" class="project-expander">MusticaTower</a></li> 
       <li><a href="#"id="projects/unstoppable.html" class="project-expander">Unstoppable spirit</a></li> 
      </ul> 
      </div> 
     </li> 
     <li><a href="#contatti">Contatti</a></li> 
     </ul> 
     <a href="#" class="cd-close-menu">Chiudi<span></span></a> 
    </nav> 

Answer 1

您指定高度li，這是預防子菜單點擊時展開。您可以將其更改爲最小高度。

#main-nav li { 
    height: 15%; 
} 
#main-nav li { 
    height: 20%; 
} 

變化：

#main-nav li { 
    min-height: 15%; 
}