使用 CSS (Wordpress) 删除页脚下方的空格

Question

我刚刚修改了我的网站，我在细节方面遇到了一些麻烦（请记住，我对网络开发几乎一无所知，即使我在软件领域也是如此；我正在尝试学习）。

也就是说，我注意到在我的一些较小的页面（例如，我的“关于”页面）的页脚下方有一个横跨屏幕的白色条。我宁愿让页脚动态地扩展到屏幕底部。我该怎么做，我可以写一些自定义的吗CSS?

Answer 1

更改为固定位置;-)

.footer-bg {
    position: relative;
}

.footer-bg {
    position: fixed;
    bottom: 0;
}

Answer 2

多亏了 flexbox，粘性页脚（包括那些没有固定高度的页脚 - 因为几乎没有任何响应式的东西可以有固定的高度）变得非常简单（取决于页面的标记）。幸运的是，您的标记非常适合它：

html,body { height:100%; }
body { display: flex; flex-direction: column; }
body>section { flex: 1 0 auto; }

Answer 3

Aibrean 是正确的，您需要使用类似于 link 此处建议的粘性页脚...

或者你可以申请 position: fixed;底部：0；添加到您的 'footer' 元素，但这会在处理内容超出您的 window 高度的页面时带来问题。

马特

Removing whitespace beneath footer with CSS (Wordpress)