css - 边框不围绕 div 中的图像

Question

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

这就是我目前正在做的设计。如果您检查导航下方横幅上的元素，您会看到 10px 纯白色边框在图像下方留有一些空隙。我很困惑，无论图像的高度是多少，从逻辑上讲，边框应该只围绕图像。

Answer 1

你可以穿上display: block;你的<img>

Answer 2

那是因为您的图像div.innerbanner是内联的（默认情况下图像是内联的）。您看到的空间是下降高度。

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

div.innerbanner img { display: block; }