Asp.net 无法在现有导航栏上创建dropdownlist（子导航）。

最初，我有一个导航栏，它可以很好地使用我的悬停。然而，在继续我的工作之后，我意识到我有太多的东西要添加到我的导航栏中，这导致它变得很长，因此我选择了子导航栏/下拉列表。这基本上就是我的导航栏的样子

为了做到这一点，我的css就是这样的

#navbarwidth {
width:70%;
position:fixed;
text-align: center;
flex-align:center;
margin:0%;
top:20%;
left:15%;
}

#nav {
background: #292929;
background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));
position:absolute;
left:0%;
top:70px;
margin: 0px;
padding: 0;
border: 1px yellow;
border-bottom: none;
width:100%;
}
#nav li a, #nav li {
text-align: center;
display: inline-block;
min-width: 60px;
}
#nav li {
list-style: none;
}
#nav li a {
padding: 1em 2em;
text-decoration: none;
color: #5FFB17;
border-right: 0px solid #3c3c3c;
border-left: 0px solid #292929;
border-bottom: 0px solid #232323;
border-top: 0px solid #545454;
}
#nav li a:hover {

background: #2a0d65;
background: -moz-linear-gradient(top, #11032e, #2a0d65);
background: -webkit-gradient(linear, left top, left bottom, from(#11032e),  to(#2a0d65));
}

我的消息来源是这样的

<ul id="nav">
<li><a href="AdminAddAccount.aspx">Add Account</a></li>
<li><a href="AdminDropAccount.aspx">Drop Account</a></li>   
<li><a href="AdminEditProfile.aspx">Edit Account</a></li>
<li><a href="AdminColdStorage.aspx">Cold Account</a></li>   
<li><a href="AdminReportCheck.aspx">Report Check</a></li>
<li><a href="AdminLogout.aspx">Logout</a></li>
</ul>

我也相应地改变了我的来源

<div id="nav">
<ul>
<li><a href="#">Accounts</a></li>
<li><a href="AdminAddAccount.aspx">Add</a></li>
<li><a href="AdminDropAccount.aspx">Drop</a></li>   
<li><a href="AdminEditProfile.aspx">Edit</a></li>
<li><a href="AdminColdStorage.aspx">Cold</a></li>   
</ul>
<ul><li><a href="AdminReportCheck.aspx">Report Check</a></li></ul>
<ul><li><a href="AdminLogout.aspx">Logout</a></li></ul>
</div>

最后我的导航栏消失了。我对它很困惑。所以我想知道如何在我现有的导航栏上做下拉列表

问候

你隐藏了一切。移除可见性：从此样式隐藏：

#nav ul{
position:absolute;
/*visibility:hidden;*/
padding:0;
margin:0;
top:30px;
}

你可以看看简单的CSS下拉菜单，这里有很多例子这是一个。甚至使用jquery插件，你也可以用动画创建非常漂亮的菜单

#nav ul{
position:absolute;
/*visibility:hidden;*/
padding:0;
margin:0;
top:30px;
}