可点击的div与img在里面吗？

Question

我有一个div我想点击。我知道我需要使div（和？）链接有一个固定的宽度和高度+ display：block。我在div里面有一个图像。看起来'可点击'div实际上是一个大的透明链接，这个点击不能很好地与图像一起使用，因为它不共享空间。我需要右键单击图像并点击另存为。

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

Answer 1

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

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

，整个<div>都可以点击。

Answer 2

要实际将div设为链接，您必须使用Javascript，但从阅读更多内容到我的问题，我不太确定这就是您所要求的。但如果你确实需要在这里建立一个div，那就是。

<div onclick="location.href='http://www.example.com';" style="cursor:pointer;"></div>

如果你能提供你的标记以便我们可以看到你所看到的内容，那就太好了。

谢谢，

Answer 3

这个答案错了​​！它没有传递HTML。我只是把它保存在这里，以便其他人可以看到它，并知道这不是问题的答案。 （如果其他人对此答案有同样的想法）

为什么不做一些像

这样的事情

<a href="...">
  <div>
    <img src="..." alt="..">
  </div>
</a>