css - 为什么底部的图像和边框之间有填充？

Question

我在 div 中有一个图像，我正在为 div 设置 1 像素的边框，但在边框和图像之间的底部有一个填充。谁能解释一下为什么？

这是我的 html 代码:

<div id="border"><img src="example.png" /></div>

这是我的CSS:

#border {
    border: 1px solid #000;
    float: left;
}

Answer 1

对图像使用vertical-align:top