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

Question

我已经搜索了很多并尝试了很多东西来解决这个问题，包括在 css 中 overflow hidden 。

我有一张链接到视频的图片，可点击区域超出了图片的范围，但仅限于右侧。

相关类:.overflow a(这是为了尝试从另一个答案中修复而添加的)

为什么这个可点击区域这么大，如何让它和它封装的图片一样大？

Firebug 没有显示任何异常..

Answer 1

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

.overflow img {
  display: inline-block;
}