锚标签不可见

Question

这很奇怪。所以我正在制作一个简单的导航菜单。我在列表项中添加了锚标签，但我不明白的是，我将它们移动到右侧的位置越多，它们就不会显示为链接，而只是列出项目。我知道在这个演示中，它显示了他们的工作，但在我的代码中，他们不显示为链接。哪里不对？我需要添加指针吗？我认为链接会自动给你。

.nav { 
 
display: flex; 
 
position: relative; 
 
align-items: center; 
 
height: 50px; 
 
margin: 50px 200px 0 200px; 
 
width: calc(100% - 400px); } 
 
.nav a { 
 
display: flex; 
 
align-items: center; } 
 
.nav a img { 
 
    height: 35px; 
 
    position: absolute; 
 
    left: 0px; } 
 
.nav .desktop { 
 
position: absolute; 
 
right: 0; } 
 
.nav .desktop ul li { 
 
    display: inline-block; }

<div class="nav"> 
 
    <a href="#"><img src="/images/ff_logo_black.png" alt="" /></a> 
 
    <div class="desktop"> 
 
    <ul> 
 
     <li><a href="#">Home</a></li> 
 
     <li><a href="#">Home</a></li> 
 
     <li><a href="#">Home</a></li> 
 
     <li><a href="#">Home</a></li> 
 
     <li><a href="#">Home</a></li> 
 
     <li><a href="#">Home</a></li> 
 
    </ul> 
 
</div> 
 
</div>

Answer 1

原来这是在我h1元素覆盖它们，因为它的定位相当大。傻我。