擺脫Wordpress中二十六個主題中頁腳下方的空白

我正在學習編碼的第一步。我在互聯網上製作了一些課程，現在我決定繼續從經驗中學習，同時建立一個WordPress的兒童主題。擺脫Wordpress中二十六個主題中頁腳下方的空白

事情是，我有一個星期試圖找到擺脫我的頁腳下面的空白使用二十六個主題的方式。我覺得諷刺的事實是，所謂的「頁腳」並不是真正的頁腳。這是漂浮在白色空間上的東西。

對於如何將頁腳放置在頁面底部並擺脫空白區域，您有什麼建議嗎？

我知道我可以做這樣的：

.site-footer { 
    padding: 0 7.6923% 1.75em; 
    /* visibility: hidden; */ 
    height: 100px; 
    background-color: transparent; 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
}

但是，如果我做這個，那麼就沒有我的內容和我的頁腳之間的保證金：

編輯

我發現我的元素在頁腳中的位置取決於頁面內容的高度。現在我正在尋找一種方法來確保我的頁面內容應占據100％的高度，但我無法找到位置。你有什麼建議嗎？

來源

2016-07-29 Gabriel Nazoa

如果我正確理解你的問題，你希望實現的是當頁面內容小於屏幕高度的100％時，將頁腳（「Garrah Morris」簽名）放在瀏覽器窗口的底部。

確保實現此目的的一種方法是通過簡單地將包含div的頁腳設置爲position:absolute;bottom:0;。（雖然當它的內容超過一定高度時會引起重疊問題。）

來源

2016-07-29 11:25:26 Django

你好，Django謝謝你的回答。是的，這是它工作的問題，但它取決於我的內容的高度 –

擺脫Wordpress中二十六個主題中頁腳下方的空白

回答

相關問題