2014-10-17 116 views
0

我是编程界的新手....我无法删除博客底部的空白处。我试着在各地研究,尝试不同的东西,但似乎没有任何工作。这是我的博客,http://goneintranslation.blogspot.ca/。如果你向下滚动到博客的底部,这个白色的差距,有没有人知道如何摆脱白色的差距/减少它?删除博客底部的空白处

非常感谢。

+0

从未遇到任何人因无法保存图像而感到沮丧。 @misterManSam – 2014-10-17 03:35:49

+0

嗯,伟大的文章。我想我会删除它,因为它是多余的......如果你想知道我为什么如此天真,这对我来说是全新的。 @misterManSam – 2014-10-17 03:46:11

+0

对不起,如果我碰到有点傲慢 - 只是想帮助:) – misterManSam 2014-10-17 03:46:57

回答

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

并摆脱<footer></footer>,因为没有什么。

+1

你只想删除空间,例如:.region-inner.main-inner – Jonathan 2014-10-17 03:09:50

+1

而且如果你不熟悉在哪里放置CSS:转到您的博客页面,点击左侧的“布局”,然后点击“模板设计器”。现在点击“高级”,然后点击“添加CSS”。将代码粘贴进去。 – Jonathan 2014-10-17 03:21:31

+0

我复制了你的代码,并将其粘贴到“添加CSS”,但不幸的是它没有工作。但是,谢谢! – 2014-10-17 03:34:33

0

对于这种想法,我喜欢打开Chrome的DevTools并点击小放大镜图标(它会沿着点击元素的方向说一些东西来检查它,当你在图标上滚动时) 。

然后,只需将鼠标移动到该区域的顶部。您会注意到div的类别为region-innerfooter-inner您可以添加CSS规则,例如:div.region-inner.footer-inner { display:none; },它将被隐藏。 (这是假设你没有访问HTML,在这种情况下,你可以只删除代码)

使用同样的技术,然后你会看到有一个div与具有类region-innermain-inner一个padding-bottom属性设置为65px。这在底部创造了更多的空白空间。创建一个CSS规则来调整padding-bottom,使其成为你想要的任何东西。

+0

嗯有趣!我从来不知道Chrome的DevTool,我是编程新手,非常好(从昨天开始)。感谢帮助,我会尽力解决它。 – 2014-10-17 03:40:08

0

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

这表明我下面的:

.footer-内增加30像素的填充总量(15顶,15底) 。主要-内为您提供了填充底:65px。

希望这会有所帮助。

Stretsh