css - 如果正文变长，页面底部的CSS页脚将不会向下滚动

编辑：使用position:fixed为pageHeader，pageBody和pageFooter
  （然后纠正他们的位置）为我做了。谢谢你们！


我正在使用HTML和CSS开发Android Web应用程序。我目前有这个：

#container {
 min-height:100%;
 position:relative;
}

#pageHeader {
 color:<%=foreColor%>;
}

#pageBody {
 padding-bottom:100px;
}

#pageFooter {
 position:static;
 clear:both;
 bottom:0;
 height:5%;
}

我设法使用此方法将页脚粘贴到页面底部，但是当正文的长度超过页面高度时，页脚不会向下滚动到页面底部（粘贴到页面高度的底部）因此，低于屏幕的身体部分与屏幕重叠。

我正在使用以下HTML结构：

<div id="container">
  <div id="pageHeader"></div>
  <div id="pageBody"></div>
</div>
<div id="pageFooter"></div>

[如果有任何影响，我在pageBody中也有页眉，正文，页脚ID]

最佳答案

Ryan Faits CSS粘性页脚一直是实现粘性页脚的标准方法。

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

除非我对您有误解，并且您想创建一个固定的页脚（始终位于屏幕底部）

在这种情况下，只需设置position:fixed而不是static

关于css - 如果正文变长，页面底部的CSS页脚将不会向下滚动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7012311/