无论内容高度如何，都要将页脚保持在窗口底部

Question

在我的网站中，无论内容高度如何，我都希望页脚始终位于浏览器窗口的底部。

我尝试了许多stickyfooter示例，但如果内容比浏览器窗口长，所有这些示例都将页脚放在内容的底部。

现在我的页脚位于内容的末尾，位于浏览器窗口的底部。我想将它移到浏览器窗口的底部并始终保持在那里。

Answer 1

这会将您的页脚粘贴到窗口的底部。

footer {  /* Or whatever you use for a footer element.  Use your CSS selector here */
  position: fixed;
  bottom: 0;
}
body {
  padding-bottom: 40px; /* Footer height goes here */
}