css - 页脚上方的空白使用 CSS 位置 :fixed

Question

目前，我正在使用带有 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%;
}

感谢您的关注!

Answer 1

由于

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

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

随着分辨率的提高，内容将只填满页面的顶部，页脚将留在底部，中间留出巨大的空白。