Html 无法单击指向主页的图像链接

我的网站左上角有一个徽标，链接到主页。图像的某些区域不可单击。可以单击的区域工作正常。可点击/不可点击区域似乎随机分散。如何使链接在整个徽标区域内工作

<header>
    <nav>
        <a id="nav-logo" href="index.html">
            <img src="img/logo-header.png" alt="logo" />
        </a>
    </nav>
</header>

#nav-logo,
nav img{
    display: inline-block;
    float: left;
    height: 65px;
    margin: 5px;
    cursor: pointer;
}

#导航标志，
导航img{
显示：内联块；
浮动：左；
高度：65px；
保证金：5px；
光标：指针；
}

试试这个

#nav-logo { display: block; }

---

很可能是

边距

不可点击。此外，您对链接和图像使用相同的CSS设置，这实际上没有意义（浮动块和内联块，都有边距等）。使图像

显示：块

，定义容器的宽度，使图像宽度为100%，其高度

自动

应能正常工作。添加：

边框：1px实心#f00并查看图像在页面上的显示位置。找到一个不可单击的点并检查该元素，您很可能有一个元素位于其上方。