指向首页的图片链接不可点击

Question

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

<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;
}

Answer 1

尝试一下

#nav-logo { display: block; }

Answer 2

很有可能是margin不可点击。另外，您对链接和图像使用相同的CSS设置，这实际上没有任何意义（浮动的和内联块均具有边距等）。使图像display: block，为容器定义宽度，使图像宽度为100％，其高度为auto