在大多数浏览器中,我的页脚下方有一个边距。不是在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
没有帮助。反正不应该是必要的。我错过了什么?
答案 0 :(得分:1)
在代码的底部我发现了这个
<img alt="" src="http://stats.wordpress.com/g.gif?host=atlanticsentinel.com&rand=0.059020346471435614&blog=28342037&v=ext&post=0&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
,因为浏览器需要加载图片才能使您的跟踪有效。