如何將包裝紙推入粘性頁腳中

Question

我想使用jQuery做一個頁腳。

在這里，我做了http://jsbin.com/elapi/edit

我需要一些幫助，以使我的#wrapper邊框線將整個頁面包裹到頁腳。

讓我知道

Answer 1

簽出，盡管它不使用jquery。 如何將頁腳（div）與頁面底部對齊？ 在此http://ryanfait.com/sticky-footer/和http://www.cssstickyfooter.com/中，使用簡單的CSS和html提供了一些解決方案。 頁腳停留在底部，是頁面小於視口。 如果頁面高度增加到大於視口大小，則頁腳將附加到頁面底部，也就是說，頁腳不會與主體重疊。

Answer 2

您無需使用jQuery即可實現這一點，您應該可以使用純CSS。 像這樣：

#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

然后只要確保您在主要內容的底部有足夠的填充，以確保在滾動到末尾時頁腳不會遮擋該填充。