链接可点击区域大于其图像

Question

我已经搜索了很多，并尝试了很多方法来解决这个问题，包括在css中隐藏溢出。

我有一个链接到视频的图像，可点击区域过度拉伸了图像，但只在右侧。

相关类：.溢出a（这是为了尝试从另一个答案修复而添加的）

为什么这个可点击的区域这么大，我如何使它与它封装的图像大小相同？

萤火虫没有表现出任何异常。。

Answer 1

您的图像显示为块，因此它占据了父图像的整个宽度。你的解决方案是这样的。

.overflow img {
  display: inline-block;
}

Answer 2

尝试添加以下CSS代码：

.overflow {
    display: inline-block;
}