Html 如何修复'；它不工作了？

我正试图获得一个图像导航栏我的网页链接回我的网站的主页。我尝试过使用下面的代码，但由于某些原因，只有图像的顶部是可点击的。我已经检查并尝试了很久，但我找不到任何看起来不合适或语法不正确的东西

我能做些什么来解决这个问题吗

nav{
高度：85px；
位置：固定；
顶部：0px；
左：0px；
宽度：100%；
背景：无；
左侧填充：60px；
右边填充：60px；
用户选择：无；
过渡：0.5s缓进缓出；
z指数：100；
}
导航img{
高度：70像素；
边缘顶部：5px；
}
导航a：悬停{
颜色：var（--初级）！重要；
过渡时间：0.15s；
}
导航img{
边际：0px；
}
导航响应导航{
显示：无；
}
导航，对{
位置：固定；
顶部：27px；
右：60px；
宽度：100%；
文本对齐：右对齐；
高度：85px；
文本转换：大写；
}
导航右ul{
位置：固定；
顶部：27px；
右：60px；
宽度：100%；
高度：85px；
边际上限：0px；
}
导航，对，李{
边缘顶部：7px；
}
导航。右a{
文字装饰：无；
颜色：#ffffff；
字体大小：16px；
左边距：20px；
}
导航H1A{
文字装饰：无；
颜色：#ffffff；
过渡时间：0.15s；
}
导航H1A：悬停{
颜色：var（--初级）；
过渡时间：0.15s；
}
导航菜单{
显示：无；
位置：固定；
顶部：18px；
右：30px；
字体大小：25px；
边框：2px实心变量（--主变量）；
边界半径：5px；
填充物：5px；
颜色：var（--初级）；
光标：指针；
}

在上述代码

中，导航右侧

和

导航右侧

都有宽度：100%；删除该选项并尝试，整个图像将可点击。

在上面的代码

nav.right

和

nav.right ul

都有宽度：100%；删除该选项，然后再试一次，即可点击整个图像。

您能推荐其他解决方案吗？@B.Sommer此解决方案解决了您发布的代码的问题。如果您仍然有问题，那么您需要使用您实际拥有的所有代码更新问题。然而，更可取的解决方案是，您可以推断此修复需要什么，然后将其应用到存在代码冲突（例如）重叠的实际场景中。我尝试用“宽度：100%”删除这两行在里面这是正确的吗？我意识到了我的错误：我已经更改了css文件中的样式，但后来在媒体查询中被规则覆盖了。你能建议另一个解决方案吗？@B.Sommer这个解决方案解决了你发布的代码的问题。如果您仍然有问题，那么您需要使用您实际拥有的所有代码更新问题。然而，更可取的解决方案是，您可以推断此修复需要什么，然后将其应用到存在代码冲突（例如）重叠的实际场景中。我尝试用“宽度：100%”删除这两行在里面这是正确的吗？我意识到我的错误：我已经更改了css文件中的样式，但后来在媒体查询中的规则覆盖了这些样式。为什么要使用position:fixed？

.right

div与徽标重叠（添加背景色以更好地查看问题）您的浏览器开发人员工具在检查标记时显示了什么？为什么使用position:fixed？

.right

div与徽标重叠（添加背景色以更好地查看问题）。当您检查标记时，浏览器开发人员工具显示了什么？