幫助與頁腳背景圖像

Question

可能重複：
How do you get the footer to stay at the bottom of a Web page?

此頁面上的第二個背景圖像位置不正確......我掙扎拿出一修復...我需要頁腳始終處於頁面底部。 min-height不起作用，因爲我需要它始終保持在底部而不管其分辨率。

有沒有這方面的CSS修復？

-URL被切除，

Answer 1

聽起來像是你正在尋找一個棘手的註腳。

http://ryanfait.com/sticky-footer/

* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */ 
} 
.footer, .push { 
    height: 142px; /* .push must be the same height as .footer */ 
} 

/* 

Sticky Footer by Ryan Fait 
http://ryanfait.com/ 

*/ 

Answer 2

您必須設置html和body有height:100%;

然後克服身體的另一個問題只填充視，你需要把一個包裝周圍的所有內容，設置其最小高度到100％，並將背景圖像放在那。

演示代碼：http://jsfiddle.net/fNwNn/3/
現場查看：http://jsfiddle.net/fNwNn/3/show

Answer 3

我想你想要的是position: fixed

試試這個：

 
#footer 
{ 
    position: fixed; 
    bottom: 0px; 
} 

這將 '大棒' 頁腳窗口的底部。

詹姆斯

Answer 4

看看這是你想要什麼： http://www.designersandbox.com/code/always-bottom-footer-with-css-only-tutorials/

和一個活生生的例子：

http://demo.designersandbox.com/always_bottom_footer/index.html

---

如果ACTU盟友希望頁腳能夠覆蓋頁面內容，那麼你應該從給定的例子中刪除此行

#vc-body{padding-bottom:80px;} 

。