页面底部的白色空白

Question

网站：http://stagingsite16.info/

下面的截图：

问题：

正如您在屏幕截图中看到的那样，页面底部有一个间隙。 （我应用红色背景，以便立即看到。）

我尝试应用此代码：

html {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

但它仍然无法解决我的问题。任何帮助真的很感激！ ：）

Answer 1

您必须将页脚的div放在所有其他div之外，然后添加：

div#builder-module-537dadf9ae69e-background-wrapper 
{
   background: #2c2c2c;
   color: #fff !important;
   padding-top: 0px;
   margin-bottom: 0px;

}

你之前有这个：

div#builder-module-537dadf9ae69e-background-wrapper
{
   background: #2c2c2c;
   color: #fff !important;
   padding-top: 20px;
}

但你必须将div移到其他div之外!!

Answer 2

.builder-container-outer-wrapper {
    margin-bottom: 0;
    width: 100%;
}

这是具有边距底部的容器。

Answer 3

我在本地的用户样式表中使用了它，它似乎解决了问题：

.builder-container-outer-wrapper {
    margin-bottom: 0px;
}
div#builder-module-537dadf9ae69e-background-wrapper.builder-module-background-wrapper.builder-module-footer-background-wrapper.builder-module-6-background-wrapper.builder-module-footer-1-background-wrapper.builder-module-bottom-background-wrapper.builder-module-last-background-wrapper.builder-module-footer-last-background-wrapper.builder-module-after-widget-bar-background-wrapper.default-module-style-background-wrapper {
    margin-bottom: 0px;
    padding-bottom: 1.5em;
}

要考虑的另一件事：CSS应用最特定于元素的样式。 html { ... }元素是整个页面的元素（包括标记），因此它是您要应用样式的元素的最不具体的规则。更具体的样式（例如div.builder-container-outer-wrapper）可能会在CSS中的其他位置应用边距，并且您必须在那里修复它。 （有关如何应用特异性规则的说明，请参阅http://css-tricks.com/specifics-on-css-specificity/。）

无论如何，希望有所帮助。