粘性頁腳不堅持頁面底部

我似乎有一個與我的網站頁腳問題。基本上它不堅持我的頁面底部，但堅持我的div底部，稱爲主。誰能幫我這個？粘性頁腳不堅持頁面底部

如果縮小網頁上，你會看到這個問題:)

我不是在代碼粘貼，導致其大量的PHP的包括與這樣的。希望沒關係。 :)

頁腳CSS：

#footer{ 
width: 100%; 
float: left; 
height: 70px; 
bottom: 0; 
clear: both; 
background-image: url("../images/footer_pattern.png"); 
display: block;

}

來源

2012-08-08 Thomas Teilmann

可能重複的[粘性頁腳代理怪異]（http://stackoverflow.com/questions/11847571/sticky-footer-acting-weird） – j08691 2012-08-08 19:58:21

它不完全相同。最後一個問題得到了答覆。我的內容頁面現在正在擴展，並推動頁腳下降，但它並未堅持到底。與以前不一樣的問題。 – 2012-08-08 19:58:49

你可以發佈#footer的CSS嗎？ – Tom 2012-08-08 20:02:56

#footer{ 
    width: 100%; 
    height: 70px; 
    clear: both; 
    background-image: url("../images/footer_pattern.png"); 
    position: fixed; 
    bottom: 0; 
}

來源

2012-08-08 20:13:12 Tom

upvoted for sticky footer的正確答案，但仍然沒有解決我的問題。我認爲我誤解了粘滯頁腳的概念，但我要求的是讓頁腳始終停留在文檔的底部，而不是顯示在屏幕上。對不起我的英語不好。 – 2012-08-08 21:38:20

那並不是一個粘性的頁腳。只要做到這一點，你就可以在內容div上放一個1000px的最小寬度，將它推到底部。而且，我的回答對你提出的問題是正確的。 – Tom 2012-08-08 21:43:24

這就是爲什麼我把它標記爲正確的.- – 2012-08-08 21:44:41

對於你指的是，通過延長包裝DIV的網站，這將推動頁腳下來。下面是包裝器的修改後的CSS。

#wrapper 
    { 
     height: 100%; 
     margin: 0 auto; 
     min-width: 1000px; 
    }

把100％換成高度而不是自動。

通過將包裝高度設置爲100％，它將該div擴展到窗口底部並向下推腳。

我想改變的另一件事是不讓#footer浮動左邊。

來源

2012-08-08 20:17:25 chop

使用'！重要的是非常糟糕的風格。相反，您應該調整自己的特異性，以便瀏覽器將風格渲染爲其他風格。 – 2012-08-08 20:21:39

這究竟是什麼？ – Tom 2012-08-08 20:22:45

我在我的答案中增加了說明。我指的是#wrapper div，它是圍繞頁腳和頁面其餘部分的div。我從原始海報所指的網站上獲得了CSS代碼。 – chop 2012-08-08 20:35:25

粘性頁腳不堅持頁面底部

回答

相關問題