html - 尽管实际上没有填充，为什么我的图像底部有填充？

Question

这是演示...

在 css 代码中，我没有写任何填充，但图像有填充底部。这是html代码：

<div class="image_block">
   <img width="100" height="100" alt="Facebook" src="http://i.imwx.com/web/tv/
     programs/facebook_logo_100x100.jpg">
</div>

这是CSS代码：

body {
    background-color:#131211;
}

.image_block {
    border:1px solid #b5b5b5;
    float:left;

}

Answer 1

您的 image_block div 的高度为 104px，那里没有填充

只需将其设置为height:100px;