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元素覆盖了它们，因为它的位置相当大。傻我。

锚点标签不可见

1 个答案: