css - 为什么我的下拉菜单没有出现？

Question

这是 fiddle

https://jsfiddle.net/r2zmxzzd/

如您所见，顶部菜单“Alumni”中的下拉菜单有效，但下方菜单中的下拉菜单“关于 UET”无效。

我已经盯着代码看了 2 个多小时了，但仍然无法让那个该死的下拉菜单出现。我试过检查元素。下拉菜单在 DOM 中显示为事件状态，但仍未显示。

这是下拉列表的代码

<ul class="nav navbar-nav navbar-right">
    <li class="dropdown primaryNavItem">
        <a href="#" class="primaryNavLink dropdown-toggle" data-toggle="dropdown">About UET <span class="caret"></span></a>
        <ul class="dropdown-menu">
            <li><a href="#" class="primaryNavDropDownLink">Historic Profile</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Vision &amp; Mission</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Development Projects</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Core Team Members</a></li>
            <li><a href="#" class="primaryNavDropDownLink">UET Progress Report 2015</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Student Teacher Ratio</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Information</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Faculty Statistics</a></li>
            <li><a href="#" class="primaryNavDropDownLink">FAQs</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Budget</a></li>
            <li><a href="#" class="primaryNavDropDownLink">External Linkages</a></li>
            <li><a href="#" class="primaryNavDropDownLink">International Funding</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Spin off companies</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Progress Profile</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Site map</a></li>
            <li><a href="#" class="primaryNavDropDownLink">Contacts List</a></li>
        </ul>
    </li>
</ul>

谁能告诉我为什么下方的下拉菜单没有出现？

提前致谢。

Answer 1

你有这个

header {
    overflow: hidden;
    height: 135px;
}

下拉列表在后面。移除溢出:隐藏