页面底部的奇怪填充

我在网站上遇到了一些填充/边距问题。这是我为客户构建的WP网站 - 不是我的原始代码。我正在使用儿童主题来自定义样式。页面底部的奇怪填充

我的临时网站是这里http://7a9.007.myftpupload.com/

如果您滚动到页面底部还有就是蓝绿色部分和灰/蓝尾之间的白边。此外，在页脚上存在过多的顶部填充（例如：http://7a9.007.myftpupload.com/services/）

我希望删除页脚区域上的白色边距和额外顶部填充，但在chrome开发人员模式下显示时显示没有任何目标。我错过了什么？

2017-05-03 Kristin P

请在此处添加有意义的代码和问题描述。请不要链接到需要修复的网站 - 否则，一旦问题得到解决，或者您链接到的网站无法访问，此问题将对未来的访问者失去任何价值。发布 [最小，完整和可验证示例（MCVE）]（http://stackoverflow.com/help/mcve）显示您的问题将帮助您获得更好的答案。欲了解更多信息，请参阅 [我网站上的某些内容不起作用。我可以直接粘贴一个链接吗？]（https://meta.stackexchange.com/questions/125997/）谢谢！ – j08691

删除所有不必要的清理DIV，差距将消失。当前一个标记浮动时，您只需要清除DIV。如果不是这样，请不要使用它。此外，有更好的方法来清除浮动内容比外部标记，使用[** clearfix类**]（http://nicolas.google.com/micro-clearfix-hack/）。 @Win在他们的回答中指出，你还在用'position：relative;'来做很多不必要的事情 - “推”“。 – hungerstar

感谢您的评论。然而，我没有对网站进行编码。我只是在别人的主题中使用Visual Composer，所以我只是试图解决这个问题。 –

删除以下内容：margin-bottom：-89px;和顶部：-149px;它在下面注释掉，但应该给你一个想法在哪里看。

的style.css

.home #main-content.trans-header, .page #main-content.trans-header { 
    /* margin-bottom: -89px; */ 
}

layout.css中

.home #main-content.trans-header, .page #main-content.trans-header, #archive #main-content.trans-header { 
    position: relative; 
    /* top: -149px; */ 
} 

#header-wrap { 
    position: absolute; 
    background: #29333d; 
    width: 100%; 
}

来源

2017-05-03 15:24:24 Win

这似乎可以解决页脚问题，但如果我删除了第二个代码，它会弄乱我的页面标题。由于它是透明的，它将标题放在标题图片上方，而不是重叠它，看起来很奇怪。 –

检查更新的答案 – Win

为了减少白色空间的两个页面，拉动页脚使用了负上边距是这样的：

#footer-widgets { 
    margin-top: -100px; 
}

然后修复蓝色tweets div和页脚之间的空白位（http://7a9.007.myftpupload.com/）页面左侧使用上面的代码：

.vc_custom_1492563370829 { 
    margin-bottom: -50px !important; /*add this*/ 
    border-bottom-width: 0px !important; 
    background-color: #1c89ab !important; 
}

来源

2017-05-03 16:00:25 Sudipto

页面底部的奇怪填充

回答

相关问题