试图显示此下拉菜单，但我不确定出什么问题。
这是我的codepen：https://codepen.io/JBeezy3/pen/PooQwZr
<body>
<div class="container">
<!-- will add in later -->
<div class="header" <img>
</div>
<div class="menu">
<nav>
<ul>
<li><a style="text-decoration:none" href="Home">Home</a></li>
<li><a style="text-decoration:none" href="Home">About</a></li>
<li><a style="text-decoration:none" href="works.html">Works</a>
<ul class="sub-menu">
<li> Digital </li>
<li> Physical </li>
<li> Animation </li>
</ul>
<li><a style="text-decoration:none" href="Home">Contact</a></li>
</ul>
</nav>
</div>
首先，子菜单的文本显示为黑色（这是默认颜色），这就是为什么您在黑色背景上看不到它的原因。将color: #fff添加到ul.sub-menu li以使其可见。然后，您可以修复其余部分。