使用 CSS 位置的页脚上方的空白：固定答案

【问题标题】：White space above footer using CSS position:fixed使用 CSS 位置的页脚上方的空白：固定
【发布时间】：2014-12-06 23:39:36
【问题描述】：

目前，我正在使用带有 HTML 和 CSS 的文本小部件来创建我的页脚。出于某种原因，在我网站的特定页面上，我的页脚上方有一个巨大的空白区域。空间也随着分辨率的增加而增加。它主要从分辨率宽度 1440x900 及以上开始出现。我确定这与我的页脚有关，但我不确定到底是什么。

可以在这里看到：http://museiam.ca/vault/

页脚 CSS：

.gbtr_dark_footer_wrapper .container_12 .grid_3 {
    z-index:99999 !important;
    background-color: #fff;
    background:rgba(255,255,255);
    background:rgba(255,255,255, 0.5);
    position: fixed;
    bottom: 0 !important;
    left:0;
    width: 100%;
}

感谢收看！

【问题讨论】：

我不太确定position:fixed;bottom:0 会发生什么其他事情

标签： css wordpress css-position footer space

【解决方案1】：

由于

，您的页脚固定在窗口底部

.gbtr_dark_footer_wrapper .container_12 .grid_3 {
    position: fixed;
    bottom: 0 !important;
}

随着分辨率的提高，内容将仅填满页面顶部，而页脚将停留在底部，在两者之间留下巨大的空白。

【讨论】：

那么我将如何将页脚固定在底部而不引起这个问题呢？我不确定如何解决。如果我删除我会松开页脚，或者它不会固定在底部。谢谢。
向页面添加更多内容，以填满空白。