1
HTML子菜單中沒有出現下面的下拉菜單
<nav class="row-nav">
<ul class="nav-list">
<li><a href=#> menu 1 </a></li>
<li><a href=#> menu 2 </a></li>
<li class="dropdown">
<a href=#> menu 3 </a>
<ul>
<li><a href=#> submenu 1 </a></li>
<li><a href=#> submenu 2 </a></li>
</ul>
</li>
</ul>
</nav>
CSS
.nav-list li{
display:inline;
}
li a{
color:white;
text-decoration: none;
font-size:24px;
line-height: 20px;
margin:0 5%;
}
li a:hover , li a:active {
color: #f23c48;
}
.dropdown ul{
display:none;
}
.dropdown:hover > ul {
display:block;
position: absolute;
}
.dropdown ul li {
display:block;
}
我無法獲得子菜單顯示爲下拉式「菜單3」父菜單正下方。我已經回顧了有關堆棧溢出的類似問題,但仍然無法找出合適的解決方案。
它的正常工作的小提琴? https://jsfiddle.net/d5uvL1jp/2/也許你看不到它,因爲你在錨定列表項目上有白色的顏色 – Jorden1337