下拉菜单不显示子列表

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改变。它使得子内容（你的菜单）被隐藏，因为它们在技术上是溢出内容。