如何消除身体和页脚之间的空白区域?

时间:2015-07-08 18:18:27

标签: html css wordpress css3 footer

正如你在标题中看到的,我在网站上的主体内容和页脚之间有空白,我正在创建!我在编辑器中使用wordpress和编码,我试图从站点的主体和页脚中删除填充和边距。我也尝试将它设置为相对并将其移动到另一个但是当我移动它们时,只需移动位置。当我将相对位置设置为页脚并添加-top以将其连接到身体间隙时,页面下方会显示下降。请帮忙!提前谢谢你:D

以下是主页内容的CSS代码和页脚:



/* This is inner site (body) content style */

.site-inner {
	background-color: #fff;
	clear: both;
	padding-top: 40px;
}

.minimum-landing .site-inner {
	margin: 40px auto; 
	padding: 60px 60px 20px;
	width: 800px;
}
/* This is footer CSS code */

.site-footer {
	background-color: #231F20;
	letter-spacing: 1px;
	padding: 60px 0;
	text-align: center;
	margin:0;
}

.site-footer a,
.site-footer p {
	color: #999;
}

.site-footer a:hover {
	color: #fff;
}

.site-footer a {
	border: none;
	font-weight: 300;
}

.site-footer p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 0;
}




2 个答案:

答案 0 :(得分:0)

删除.entry中的保证金

.entry {
    margin-bottom: 40px;
}

答案 1 :(得分:0)

我刚解决它是身体的边缘,所以我从Opera Inspect元素复制CSS路径,复制到wordpress(CLASS)中的CSS编辑器并设置margin:0;

谢谢你们的帮助!