Html 定位标记不可见

这很奇怪。所以我正在制作一个简单的导航菜单。我在列表项中添加了锚定标记，但我不明白的是，我越是向右移动它们，它们就不会显示为链接，而只是列表项。我知道在这个演示中，它显示了它们的工作，但在我的代码中，它们并没有显示为链接。怎么了？是否需要添加指向光标？我以为链接自动给了你它们

.nav{
显示器：flex；
位置：相对位置；
对齐项目：居中；
高度：50px；
利润率：50px200px200px；
宽度：计算（100%-400px）；}
.导航a{
显示器：flex；
对齐项目：居中；}
.nav a img{
高度：35px；
位置：绝对位置；
左：0px；}
.导航桌面{
位置：绝对位置；
右：0；}
.nav.桌面ul li{
显示：内联块；}

原来是我的h1元素覆盖了它们，因为它的位置相当大。我真傻。

是不是css/js的另一部分改变了html的样式？