我的页脚下面的边距来自哪里?

时间:2012-01-10 15:06:38

标签: css margin footer

在大多数浏览器中,我的页脚下方有一个边距。不是在Chrome中。见enter link description here

body和我的页面包装都有margin: 0。包装器也是height: 100%

这是页脚代码:

#colophon { clear: both; display: table; width: 960px; max-width: 960px; background: #131313; border-top: 3px solid #0099cc; border-collapse: collapse; }

添加margin: 0没有帮助。反正不应该是必要的。我错过了什么?

3 个答案:

答案 0 :(得分:1)

在代码的底部我发现了这个

<img alt="" src="http://stats.wordpress.com/g.gif?host=atlanticsentinel.com&amp;rand=0.059020346471435614&amp;blog=28342037&amp;v=ext&amp;post=0&amp;ref=" id="wpstats">

如果删除它有效。您应该做的是将display: none添加到CSS中的该图像。 我看到你添加了visibility: hidden。当你这样做时,它隐藏了图像,但图像仍将在DOM中占据空间。

答案 1 :(得分:0)

问题是由您的最新图片img#wpstats引起的,因为其可见性属性已隐藏

如果您将display: none设置为该图像(或使其绝对定位,调整负顶部或左侧属性),则可以解决问题

答案 2 :(得分:0)

您的wordpress统计信息跟踪器图片设置为visibility: hidden,并跟随您的正文标记。正是这个图像创建了额外的页脚间距,正如您所看到的那样img#wpstats { display: none; }更改图像(请不要将其留下 - 见下文)

我会在你的主要页脚(即#colophon)中移动该图像,它不会导致问题。或者,您可以将其设置为position: absolute以将其从流中完全删除。您无法将其设置为display: none,因为浏览器需要加载图片才能使您的跟踪有效。