父元素的宽度和高度不等于图像尺寸

Question

一位朋友让我看看他网站上的一个问题。在网站的投资组合部分，div周围有一个边框，当图像悬停时会出现翻转。但是，有一个奇怪的问题，包含图像的框的高度和所有数据的高度都要大5px。

图像是方形的，并且所有父元素都将width和height元素设置为100%，没有填充或边距可能导致此问题，所以我可以＆似乎找到了原因。

有人能指出发生这种情况的位置以及如何解决这个问题吗？

可以看到描述此问题的示例代码here。

谢谢！

Answer 1

您的代码非常糟糕，但在图像上放置display：block会修复它。

原因是图像是内联元素，所以你会在底部得到一些幻影填充，以解决g，p，q等底部的问题。