1
HTMLサブメニューが
.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」の親メニューの下に表示するサブメニューを取得することができません
<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ドロップダウンメニューの下に表示されません。私はスタックのオーバーフローに関する同様の質問を見直しましたが、まだ適切な解決策を見つけることができません。
それはフィドルに罰金働いていますか? https://jsfiddle.net/d5uvL1jp/2/アンカーされたリストの項目に白の色があるので、それを見ることができなかったかもしれません – Jorden1337