如何摆脱底部的空白空间

Question

我有blogger website。我没有任何页脚。

在最底部存在20px高度的白色空间。我想删除它。

这是我到目前为止所尝试的内容。

1。）由于空白空间的高度是20px，我搜索了整个代码20px值

2.）我使用了Chrome的inspect element，无法追踪任何内容。

3.）Hunted <br>标签

4）添加了此代码

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

5）。也试过这个

 body { margin: 0 !important;}

6。）这也是

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

我完全无能为力，因为我已经探索了整个网络进行故障排除。有什么提示吗？

Answer 1

如果您在某些操作系统上检查页面的源代码（ Ctrl + U ，但右键单击并View Source或{{1或者等效应该显示它），您将在Google Analytics View page source之前看到以下内容：

<script>

罪魁祸首是</script> &#8203; <script type='text/javascript'> var _gaq = _gaq || []; HTML实体，根据this answer，Unicode Character 'ZERO WIDTH SPACE' (U+200B)是​。答案指出，由于备用语言输入（例如阿拉伯语键映射），可能会意外输入该字符。这是为您的网站添加一行空间，因为Web浏览器不会像普通的ASCII空格字符那样对待它（即通常会忽略它），而是显式地打印空白字符。这会导致浏览器为其布置一行空间。

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

Answer 2

尝试将margin-bottom: -20px;添加到网格类。当我无法控制父元素的填充并需要背景颜色或某些东西延伸到所述父元素的边框时，我有时会使用这样的负边距，为子元素添加填充以保留预期填充父母。