始終在頁面底部顯示頁腳

我想在頁面底部顯示頁腳相對於內容區域的頁腳。所以它應該適應如果我的瀏覽器更小或更大，直到內容區停止。始終在頁面底部顯示頁腳

我試圖按照this link，但我似乎無法讓它在我的網站上工作。

我加入了PUSH格在我的內容區域的底部
我設置正確的高度和調整的CSS

我的頁腳仍然顯示我的屏幕，也混亂的一半標題。賣給我Wordpress主題的人不願幫助我...

如果任何人都可以指導我在正確的方向，這將是一個很大的幫助！

來源

2015-02-09 A T I X

[如何讓頁腳停留在網頁底部？]（http://stackoverflow.com/questions/42294/how-do-you-get-the-footer-to-stay在網頁底部） – 2015-02-09 20:26:47

@SleekGeek，謝謝你的帖子。我沒有看到它。就我而言，我認爲這個主題目前不符合第三種選擇。我有一個「頁腳」部分，然後是「div = sub-footer」。 – 2015-02-09 20:37:57

我認爲這可能做你想要什麼：

body { 
    padding-bottom: 50px; 
    /* Set a padding-botton equivalent 
    to the height of your footer 
    this is for preventing the 
    footer to be covered because 
    of its z-index 
    */ 
} 
footer{ 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    z-index: -999; 
}

希望工程;）

來源

2015-02-09 20:46:45

我需要z-index的減號！現在它工作:) – 2015-02-09 20:51:04

不要忘記在身體的底部填充;） – 2015-02-09 20:58:23

下面的代碼添加到你的CSS：

footer{ 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    z-index: 999; 
}

頁腳將永遠在底部。

來源

2015-02-09 20:34:59 Dzhambazov

謝謝你的回覆。它很好，但只有一個問題。即使您的主要內容未完全顯示，您的頁腳也始終顯示在底部。我想擁有它，所以它停留在頁面的底部，但當屏幕太小時（如果你知道我的意思是什麼？）不會向上移動。 – 2015-02-09 20:41:50

我也會給+1，但你需要15代表 – 2015-02-09 20:42:09

我明白了，它需要Z指數減號;） – 2015-02-09 20:53:13

好了，所以這裏的問題是這樣的，你能堅持的項目，以底部爲@Dzhambazov建議要麼與position:absolute或position: fixed即使這是你的內容的一半，它將保持在底部。

所以，你可以與其他候補喜歡去：How do you get the footer to stay at the bottom of a Web page?

在評論中提到，但是這不會是一個預置的主題那麼容易，因爲你會爲主題開發的結構戰鬥。

作爲一種修復方法，您可以做的事情是讓內容更容易被修改，即增加內容的最小高度，以便「僞造」頁腳的下方，這可能意味着您的頁腳不在查看端口的底部，但是如果它讓你感到不安的話。你可以試試。

#content { 
min-height: 200px; 
/* forces the content block to take up space */ 
}

希望幫助其他頁腳明智堅守底部，mentiones並使其始終顯示，但要注意，可移動垃圾，所以你會希望通過媒體查詢刪除定位爲手機等

來源

2015-02-09 21:00:08

始終在頁面底部顯示頁腳

回答

相關問題