ul li ul.dropdown{
min-width: 125px;
background: #f2f2f2;
display: none;
position: absolute;
z-index: 999;
left: 0;
}
ul li:hover ul.dropdown{
display: block;
}
ul li ul.dropdown li{
display: block;
}
<div class="navigation">
<ul>
<li><a href = 'index.html'>Home</a></li>
<li><a href = 'media.html'>Media Design</a></li>
<li><a href = 'innovatie.html'>Innovatieroutes</a></li>
<li><a href = 'info.html'>Informatie</a></li>
<ul class="dropdown">
<li><a href="#">Open dagen</a></li>
<li><a href="#">Beroepen</a></li>
<li><a href="#">Studie</a></li>
</ul>
<li><a href = 'contact.html'>Contact</a></li>
</ul>
ドロップダウンを使用して CSS メニューを作成しようとしていますが、[Informatie] タブの上にマウスを置いたときにメニューをドロップダウンさせることができず、[Informatie] の後にサブメニューが表示されます。もしかしたら、私のメニューを手伝ってくれる人もいるかもしれません。