html - 如何摆脱底部的空白区域

Question

我有一个 blogger website .我没有任何页脚。

最底部有一个 20px 高的空白区域。我想删除它。

这是我到目前为止尝试过的方法。

1.) 由于空白区域的高度是 20px，我在整个代码中搜索了 20px。值

2.)我使用了 Chrome 的 inspect element , 什么也追不上了。

3.)寻找<br>标签

4) 添加了这段代码

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

5).这个也试过了

 body { margin: 0 !important;}

6.) 还有这个

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

我完全一无所知，因为我已经浏览了整个网络以进行故障排除。有什么提示吗？

Answer 1

如果您检查页面的源代码(Ctrl + U 在某些操作系统上，但右键单击并显示 View Source 或 View page source 或等效项) ，您会在 Google Analytics <script> 之前看到以下内容:

</script>
                        &#8203; 

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

罪魁祸首是 ​ HTML 实体，根据 this answer是Unicode Character 'ZERO WIDTH SPACE' (U+200B) .答案指出，字符很可能是由于替代语言输入而意外输入的，例如阿拉伯语键映射。这会在您的站点中添加一行空格，因为 Web 浏览器不会将其视为普通的 ASCII 空格字符(即通常会忽略它)，而是会显式打印空白字符。这会导致浏览器为其布置一行空间。

从您的源代码中删除它应该可以解决问题。它可能不会显示在您的 IDE/文本编辑器中，在这种情况下，您最好删除这些脚本标签之间的所有空间并手动重新添加所需的间距。