html - 这个差距从何而来，如何摆脱它？

Question

简单代码:

<a href="#">
    <div>
        <img src="http://dummyimage.com/600x400/000/fff&text=image" class="image" />
        <img src="http://dummyimage.com/600x15/000/fff" alt="" class="shadow" />
    </div>
</a>

两张图片的 margin 和 padding 都为 0，但它们之间仍然有间隙。

如何避免这种行为？

是的，这不是一个错误，整个事情都必须在 A 标签中。

例子:

http://jsfiddle.net/fqrfU/

Answer 1

我认为是行高导致了问题。 Check it out .

换句话说，我知道你说过它本来就是那样的，但实际上无效(？)HTML 将 div 标记放在 anchor 内。尝试改用 span。