边框不包围div中的图像

Question

http://74.52.155.226/~projtest/team/harmeet/smoke51/products.html

这是我目前正在进行的设计。如果您检查导航下方横幅上的元素，您可以看到10px纯白色边框在图像下方有一些间隙。令我感到困惑的是，无论图像的高度是什么，只有逻辑上边界应该围绕图像。

Answer 1

您可以将display: block;放在<img>

上

Answer 2

这是因为div.innerbanner中的图像是内联的（图像是内联的默认图像）。您看到的空间是descender height。

您需要创建图像的块元素以防止显示任何下降高度。尝试将此添加到您的CSS：

div.innerbanner img { display: block; }