摆脱我的页脚图像下面的微小空间

Question

带有阴影的木板是我的页脚图像。周围较浅的褐色是我的背景图像。

在木板和底部背景之间有一小块空间。我想将其移除以使木板完全对齐在页面的末尾。

当我尝试添加border: 2px solid red进行检查时，会有少量填充，导致空间不足。

有没有办法清除它？感谢。

CSS：

#footerBg {
position: relative;
bottom:-63px;
left:-50px;
}

HTML：

<footer>
            <figure id="footerBg">
                <img src="images/BG_F_S3.png" alt="Footer Background" width="" height="" />

            </figure>   

        </footer>

Answer 1

尝试在display: block;标记的页面样式表中设置img。我更喜欢这种方法，它似乎是使用最广泛的方法。

您还可以在图片容器上使用line-height: 0;，或在vertical-align: bottom;标记上设置img。我也看到人们建议您使用vertical-align: sub;，但这在IE6或IE7中不起作用。

解决方案看起来像这个小提琴; http://jsfiddle.net/NdNGv/2/

Answer 2

我在我的网站上遇到了同样的问题（小线）。问题出在内部div的 line-height 属性中，不应该大于或等于父级的高度;

Answer 3

可以在容器上填充，还是内部元素上的边距？

在页脚/靠近页脚的任何花车？

可能需要发布HTML和CSS以获得更好的答案......