删除博客底部的空白

Question

我是编程世界的新手。...我无法删除博客底部的空白。 我已经尝试过在所有地方进行研究并尝试不同的方法，但是似乎没有任何效果。 这是我的博客， http://goneintranslation.blogspot.ca/ 。 如果您向下滚动到博客的底部，就会有这个空白，有谁知道如何消除/减少空白？

非常感谢。

Answer 1

.region-inner.main-inner {
    padding-bottom: 0px;
}

摆脱<footer></footer> ，因为其中没有任何内容。

Answer 2

对于这种想法，我喜欢打开Chrome的DevTools并单击小放大镜图标（当您将鼠标悬停在该图标上时，它会在单击元素进行检查时显示类似内容）。

然后，只需将鼠标移到该区域的顶部即可。 您会注意到存在一个带有region-inner和footer-inner类的div 。您可以添加CSS规则，例如： div.region-inner.footer-inner { display:none; } div.region-inner.footer-inner { display:none; } ，它将被隐藏。 （这是假设您无权访问HTML，在这种情况下，您可以删除该代码）

使用相同的技术，您将看到存在一个div ，其中divide region-inner和main-inner类的padding-bottom属性设置为65px。 这将在底部创建更多的空白区域。 创建一个CSS规则，以将该padding-bottom调整为您想要的padding-bottom 。

Answer 3

尝试查找此类空间时，我使用了Chrome开发人员工具。 将鼠标悬停在源代码上可以显示样式表覆盖的框。 您可以折叠div和其他标签。

这向我显示了以下内容：

.footer-inner总填充为30px（顶部15，底部15）。main-inner为您填充底部65px。

希望这可以帮助。

Stretsh