1

图片在这里

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

在木板和底部的背景之间有一条很小的空间。我想删除它以使木板与页面末尾完全对齐。

当我尝试添加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>
4

3 回答 3

3

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

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

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

于 2012-08-06T12:46:53.753 回答
1

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

于 2015-07-03T10:54:18.310 回答
0

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

任何浮动/靠近页脚？

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

于 2012-08-06T12:13:09.290 回答