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

Question

即使在页面中没有足够的内容时，如何将页脚固定到屏幕底部？ 我的意思是，当页面是空的页脚跳起来走半个屏幕的一半

我试图将内容设置高度为100％，屏幕的大小，头&页脚的高度更低，有以下几点：

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

但100％等于0像素由于内容（嵌套在#main内）为空

如何采取100％的呢？

我问在wordpress.org相同的，他们指示我因此，对于这个类型的问题

编号： 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; 
} 

Answer 2

我不知道，但你可以试试这个，让我知道它是否有效

.footer{ 
top: 100vh; 
transform: translate(-100%,0); 
position:fixed; 
}