Question

我是编程世界的新手......我在删除博客底部的空白区时遇到了问题。我尝试过到处研究并尝试不同的东西，但似乎没有任何效果。这是我的博客http://goneintranslation.blogspot.ca/。如果你向下滚动到博客的底部有这个白色的差距，有没有人知道如何摆脱那个白色差距/减少它？

非常感谢。

Answer 1

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

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

Answer 2

对于这种想法，我喜欢打开Chrome的DevTools并点击小放大镜图标（当你滚动图标时，它会说点击一个元素来检查它）。

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

使用相同的技术，您会看到有一个div，其region-inner和main-inner类的padding-bottom属性设置为65px。这在底部创造了更多的空白区域。创建一个CSS规则，将padding-bottom调整为您想要的任何内容。

Answer 3

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

这向我展示了以下内容：

.footer-inner增加了30px的总填充（15个顶部，15个底部） .main-inner给你填充底部：65px。

希望这有帮助。

Stretsh

删除博客底部的空白区域

3 个答案: