實現多個嵌套下拉菜單。彈出左或UL

Question

的身邊，我必須兌現它看起來像這樣....

<ul id="dropDownFacultyList" class="dropdown-content" > 
      <li><a href="#">Wart</a></li> 
      <li><a href="#">Tart</a></li> 
      <li><a href="#">Bart</a></li> 
      <li><a href="#">Cart</a></li> 
      <li><a href="#">Dart</a></li> 
      <li ><a href="#" >Fart</a></li> 
      <li><a class="dropdown-button" href="#" data-activates="dropDownGoaList"> 
      Goa Campus</a> 
      <ul style="overflow: visible;" id="dropDownGoaList" class="dropdown-content sub-menu" style="left:0px"> 
       <li><a href="#">Deal</a></li> 
       <li><a href="#">Meal</a></li> 
       <li><a href="#">Kill</a></li> 
       <li><a href="#">Bill</a></li> 
       <li><a href="#">Sill</a></li> 
       <li ><a href="#" >Neal</a></li> 
      </ul> 
      </li> 
     </ul> 

子菜單的作品，但在彈出窗口順着排水溝

Answer 1

使用頂部和底部的屬性，如果你正在使用絕對位置下降