页面不会延伸到全高 - 页脚下方显示细黑线答案

【问题标题】：page won't extend to full height - thin black line showing below footer页面不会延伸到全高 - 页脚下方显示细黑线
【发布时间】：2015-04-06 12:45:04
【问题描述】：

我正在通过自定义和编辑一个名为“onetone”的现有主题来构建一个 Wordpress 网站。这是一个单页主题。我遇到的问题是主页（单页登录页面）和单个帖子/页面都不会延伸到全高。

在页脚下方，有一条黑色细线，高度为 23 像素，延伸到宽度的 100%。

奇怪的是：当我以管理员身份登录该站点时，该行消失了。当我以未登录的普通用户身份访问时，这条线就在那里。所有主流浏览器（FF、Opera、IE、Chrome）。另外，在我姐姐的安装了 FF 的电脑上，即使未登录也没有显示该行。

我搜索了 StackOverflow，但将 <body> 和 <html> 设置为 height:100%;（包括 min-height:100%;）的通常答案不起作用。我还在容器和包装器中添加了高度/最小高度来测试设置。（但并非全部，只有我认为与我试图解决的问题相关的那些）我也尝试了 margin: 0; 和 padding: 0;，但没有任何效果。

我怀疑是页脚的问题，但是在我的浏览器中使用 inspect element 功能（以及一些进一步的测试）我发现页脚与它无关。

在原始的、未改动的主题中，线条不会出现。所以它一定是我的一些编辑导致它，尽管即使通过逐行比较原始和我编辑的 CSS 文件，我也找不到应该导致这个错误的东西。 CSS 是我唯一编辑过的东西。

我不是编码专家，我已经用尽我的智慧和可用知识试图解决这个问题。有谁知道是什么导致了这个故障？

这是my site。故障在帖子/页面上最为明显。如果需要任何特定的代码示例，请直接说，我会发布它们。

【问题讨论】：

标签： html css wordpress height containers

【解决方案1】：

在所有 javascript 调用之后，您的代码在 <body> 标记结束之前有这个奇怪的图像：

<img src="http://pixel.wp.com/g.gif?v=ext&amp;j=1%3A3.4.1&amp;blog=50532064&amp;post=651&amp;tz=1&amp;host=firstinkstudios.com&amp;ref=http%3A%2F%2Ffirstinkstudios.com%2F&amp;rand=0.7281985701993108" id="wpstats">

去掉它，你就是金子

【讨论】：

非常感谢！事实证明，这个奇怪的图像实际上是官方 Wordpress Jetpack 插件的一部分，更具体地说，是一个用于站点统计分析的脚本。直到现在我才知道它的存在。我搜索了插件选项，并将其禁用。现在黑线消失了。
是的，你明白了。一些插件有这样的东西，它的所有乐趣和游戏，直到你遇到一些奇怪的问题。很高兴我能帮你解决

【解决方案2】：

body 上有背景颜色。摆脱它会修复“边界”。

body.custom-background {
  background-color: #000000;
}

底部还有一个笑脸

看起来像这样

<img src="http://pixel.wp.com/g.gif?v=ext&amp;j=1%3A3.4.1&amp;blog=50532064&amp;post=444&amp;tz=1&amp;host=firstinkstudios.com&amp;ref=http%3A%2F%2Ffirstinkstudios.com%2Fblog%2F&amp;rand=0.1907386933453381" id="wpstats" scale="0">

【讨论】：

+1 用于找到与我相同的图像，但我认为背景没有影响。我试着只删除那个时髦的笑脸，效果很好！
实际上是小笑脸造成了问题。它是 Jetpack Wordpress 插件的一部分，特别是它监控网站页面访问统计的部分。登录时它没有显示是管理员，因为该插件没有监控管理员的访问。直到现在我才意识到这个东西的存在，幸运的是插件中有一个选项可以隐藏它，并且黑线也消失了。
@V_Shaft OT：是的，使用图像跟踪禁用 JavaScript 的访问者是一种常用技术。图像被加载-> 用户被跟踪。您可以使用 CSS 隐藏图像。