在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; 
}