html - 将页脚固定到 Wordpress 中的页面底部

Question

如何在页面内容不足的情况下将页脚固定到屏幕底部？ 我的意思是当页面为空时，页脚会跳起来占据屏幕的一半

我尝试将内容高度设置为屏幕大小的 100%，减去页眉和页脚的高度，如下所示:

#main {
min-height: calc(100% - 80px - 70px);
}

但是 100% 等于 0px，因为内容(嵌套在 #main 中)是空的

我如何从中提取 100%？

我在 wordpress.org 上问了同样的问题，他们指示我去 SO 解决这类问题

引用: https://wordpress.org/support/topic/fix-footer-to-the-bottom-of-screen/

Image

Answer 1

将 css 应用于页脚:

.footer-wrapper{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

对于包装器，

#wrapper, #main{
 position: static !important;
}