如何消除底部的空白白色空间

Question

我有一个博客网站，但是没有页脚。

在底部有一个高度为20像素的白色空白区域，我想要把它删除。

目前我尝试了以下方法：

1. 因为空白区域的高度是20像素，所以我搜索整个代码寻找20px值；

2. 使用Chrome的检查元素，但没有找到任何相关内容。

3. 寻找<br>标签；

4. 添加了以下代码：

html, body { height: 100% !important; }

5). 我也尝试了这个方法

 body { margin: 0 !important;}

6.) 还有这个

 #body (margin-bottom: 0px !important;}

我完全不知道该怎么办，因为我已经搜索整个网络以寻找故障排除的方法了。有什么建议吗？

- Rahul Shah

---

请在此处粘贴您代码的 所有 相关部分。潜在的回答者不应该去您的实时网站来回答您的问题，这也表明一旦您的实时页面更改，这个问题对于未来访问者的历史价值将会降低。在您的情况下，您的问题可能会受益于问题的图片。 - esqew

这似乎非常特定于您的网站：在Google Analytics的<script>之前，您有​。删除它会使底部的间距消失。可能是重复（该问题的已接受答案包含该字符代码以及其包含的可能原因）。 - ajp15243

@esqew会处理它的 :) - Rahul Shah

@ajp15243 非常感谢。我该如何给你致谢呢？感谢提供链接……我可能永远也找不到它。 - Rahul Shah

@Michel 我会发布一个答案。 - ajp15243

Answer 1

如果您检查页面的源代码（在某些操作系统上是Ctrl + U，但右键单击并选择查看源代码或查看页面源代码或相应选项），您将看到以下内容在您的Google Analytics <script>之前：

</script>
                        &#8203; 

<script type='text/javascript'>
      var _gaq = _gaq || [];

罪魁祸首是 HTML 实体 ​，根据this answer，它是Unicode 字符 '零宽空格' (U+200B)。答案指出，这个字符很可能是由于使用了替代语言输入（例如阿拉伯键盘映射）而意外输入的。这会在您的网站上添加一行空格，因为 Web 浏览器不会像正常的 ASCII 空格字符一样对待它（通常会忽略它），而是明确地打印出空白字符。这会导致浏览器为其布局一行空格。

从源代码中删除它应该可以解决问题。如果在您的 IDE/文本编辑器中看不到它，则最好删除那些脚本标记之间的所有空格，并手动重新添加所需的间距。

- ajp15243