为什么我的图像填充底部尽管实际上没有填充?

时间:2012-05-14 17:17:54

标签: html css padding

这是demo ...

在css代码中,我没有写任何填充但图像有padding-bottom。 这是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;

}

1 个答案:

答案 0 :(得分:2)

你的image_block div的高度为104px,那里没有填充

只需将其设为height:100px;

即可