【问题标题】:white space under my footer need to remove it我的页脚下的空白需要删除它
【发布时间】:2015-02-07 04:47:26
【问题描述】:

您好,我需要帮助我从我的所有网站页面中删除空格https://www.seowebanalyst.com

向下滚动页脚,您将看到它。我们只是重新设计了网站,但不知道这是如何被访问者发现的。已经尝试过本网站之前提到的所有技巧,但都没有奏效,所以我分享了一些用于处理页面的 css 代码的 css 代码

}
.footer {
	background:#333;
	padding:15px 0 10px
        overflow:hidden
}
.footer p {
	margin:0;
	color:#fff;
	font-size:15px;
	text-align:center
}
.footer p span, .footer p a {
	color:#fff;

【问题讨论】:

  • 您提供的链接无效。
  • 尝试在 jsfiddle 中重现它。
  • so am sharing a bit of the css code 1,000+ 行?看起来您几乎共享了整个 CSS 代码。你有没有调查过这个问题?
  • 只是想添加一些我为一些有效的页面所做的技巧,我将
    放在两个
    之上> 在用于将页脚向下推的页脚标记之前..一切看起来都很好,但有些页面不适用于这种策略。

标签: php html css footer


【解决方案1】:

尝试在</body> 标记之后添加Footer 标记,并在您的CSS 文件.footer 类中将padding: 15px 0 10px overflow:hidden; 更改为padding: 20px;,这应该可以解决问题。 -Arqetech

【讨论】:

  • 附言。这是导航栏中的提示,将 .top-nav li { float: left; margin: 20px 15px 5px; } 更改为 .top-nav li { float: left; margin: 27px 15px 5px; } 这只是一个友好提示,可以让您的导航看起来更好对齐,希望对您有所帮助。
  • 欢迎您,您是否将它放在了结束正文标记之后?我试过了,它没有任何空白就可以正常工作。
【解决方案2】:

尝试添加到页脚

footer {position:relative;bottom:-14px}

【讨论】:

  • 所有这些行添加到页脚位置:相对;底部:-14px 不起作用。唯一明显的效果是它现在使页脚的高度更小了一点,并使字体更细。但空间仍然存在。
【解决方案3】:

站点页脚错误已通过以下行更正到 css 中

.footer {position: absolute;width: 100%;padding: 10px;}

.footer {margin: 0 auto -155px;}

没有删除以前的css页脚行,只是添加了这些行并修复了所有 无需担心使用 在代码中,大多数页面都没有得到结果。 用于页脚的 neww css 行解决了所有令人头疼的问题。

【讨论】: