如何防止填充导致图像链接区域过多

Question

我想在我的网页左下方有一个图片链接。我能够获得工作链接，但padding中的整个空间也是链接的一部分。因此，当我只希望图像本身是可点击的链接时，我的页面上有相当大的800px乘800px链接。此外，由于整个页面的设置方式，位置必须是绝对的。现在有人能告诉我解决这个问题吗？

<div id="image_link">
    <a href="#">
        <img id="image_id" src="../path/image">
    </a>
</div>

<style>
    #image_link {
        padding: 800px 0px 0px 800px;
        position: absolute;
    }
</style>

Answer 1

奇怪的是，它为您创建了800x800像素的链接区域。 padding上的div会在div内添加空格，但在a之外，因此不应该使a元素更大。

但是，由于您已经在使用position: absolute;，因此您应该使用top，right，bottom和left来控制位置。并且建议直接在img元素上设置它。

#image_id {
    position: absolute;
    top: 800px;
    left: 800px;
}