html - 带有img的可点击div？

Question

我有一个 div，我想使其可点击。我知道我需要使 div(和？)链接具有固定的宽度和高度 + display: block 。我在 div 中有一个图像。看起来“可点击”div 实际上是一个大的透明链接，并且此点击不能很好地处理图像，因为它不共享空间。我需要右键单击图片并点击另存为。

那么如何使 div 可点击。我尝试设置 img 宽度和高度，但它使 img 拉伸(stretch)。

Answer 1

您可以设置 <a>标记以填充整个父级。示例:

<div>
    <a href="..." style="display: block; height: 100%">
        <img src="..." alt=".." />
    </a>
</div>

和整个<div>将是可点击的。