錨標籤不可見

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元素覆蓋它們，因爲它的定位相當大。傻我。