下拉菜單不顯示子列表

Question

我創建了new drop-down menu，但似乎無法使嵌套的uls可見。

Here's the test page您可以將鼠標懸停在「活動」部分上，但不起作用。

這裏的HTML：

<div class="menu clearfix"> 
     <ul class="menu dropdown dropdown-linear dropdown-columnar"> 
     <li class="community"><a class="events_link" href="/events/index.html">Events</a> 
      <ul> 
      <li><a href="./">Menu Subitem #1</a></li> 
      <li><a href="./">Menu Subitem #2</a></li> 
      <li><a href="./">Menu Subitem #3</a></li> 
      <li><a href="./">Menu Subitem #4</a></li> 
     </ul> 
     </li> 
    </ul> 
    </div> 

下面是嵌套UL的CSS：

ul.dropdown, 
ul.dropdown li, 
ul.dropdown ul { 
list-style: none; 
margin: 0; 
padding: 0; 
} 

ul.dropdown { 
position: relative; 
z-index: 597; 
float: left; 
} 

ul.dropdown li { 
float: left; 
min-height: 1px; 
line-height: 1.3em; 
vertical-align: middle; 
} 

ul.dropdown li.hover, 
ul.dropdown li:hover { 
position: relative; 
z-index: 599; 
cursor: default; 
} 

ul.dropdown ul { 
visibility: hidden; 
position: absolute; 
top: 100%; 
left: 0; 
z-index: 598; 
width: 100%; 
} 

ul.dropdown ul li { 
float: none; 
} 

ul.dropdown ul ul { 
top: 1px; 
left: 99%; 
} 

ul.dropdown li:hover > ul { 
visibility: visible; 
} 

我沒有張貼這一切因爲有負載，但請讓我知道如果你需要更多的可能使用檢查員看到其餘的..

任何幫助非常感謝。

Answer 1

也許它會發生，因爲你不添加寬度ti li元素？ 嘗試：

width:100px; 

看這個請http://jsfiddle.net/brightlycolor/ktxHm/11/這是正常工作

Answer 2

你需要刪除/的overflow:hidden從header-wrapper改變。它使得子內容（你的菜單）被隱藏，因爲它們在技術上是溢出內容。