html - 删除页脚图像和页脚背景之间的填充

Question

有一些非常简单的问题，但我找不到答案

所以基本上我有一个页脚 Logo ，然后在其下方显示背景。 我的 img 和 div 之间有一个小填充(空白？)，如何删除它？

HTML:

    <img src="footer_header.png"/>
    <div class="footeris">text</div>

CSS:

.footeris {
    background:#272727;
}

Answer 1

将显示: block 添加到图像。图像默认是内联的，因此有空白。

.footeris {
    background:#272727;
    margin:0;
    padding:0;
}

img{
    display:block;
    width:100%;
}
}

<img src="http://placehold.it/350x150"/>
    <div class="footeris">text</div>