为什么我的img的边距可以点击？

Question

为什么我的图片边距可以点击？奇怪的是当我将高度和宽度更改为100px时，边距消失了。 （在Firefox上）

我的img的CSS是

#cheese {
    margin-right: 100px;
}

这是jsfiddle链接： http://jsfiddle.net/6e4gM/3/

谢谢！

Answer 1

因为保证金位于<img>内<a>。 <a>内的所有内容都是可点击的，包括儿童的边距。

Webkit浏览器（Chrome，Safari）在这方面有一些有趣的行为，当该元素用背景或边框或其他东西设置样式时，它们似乎只在边距上应用可点击性：

http://jsfiddle.net/6e4gM/12/

IE（我测试过11）更糟糕的是，它忽略了所有情况下的边距。

如果您向display: inline-block;元素添加<a>，则可以获得通用行为：

http://jsfiddle.net/6e4gM/14/