【发布时间】：2013-01-24 00:40:39
【问题描述】：
我正在使用来自 http://www.cssstickyfooter.com/ 的 CSS 粘性页脚
为什么我们需要：#main{overflow:auto;} 和 #footer{position: relative;}？
似乎没有它也可以工作（我不是在谈论 Opera 和 IE 修复）。
【问题讨论】：
标签： html css position overflow sticky-footer
【发布时间】：2013-01-24 00:40:39
【问题描述】：
overflow:auto; 会在页面长于根据屏幕高度显示的长度时添加滚动条。我以前使用过它，我相信它可以确保您在滚动时页脚在页面底部保持可见。
您是否尝试过在比屏幕显示时间更长的页面上查看它的行为？
无需 Clearfix Hack！
许多 CSS 设计师都熟悉 Clearfix Hack。它解决了 浮动元素有很多问题。以前的版本 粘性页脚解决方案使用了它。取而代之的是更现代、更容易 代码解决方案是溢出语句。我们将它应用到主 帮助让页脚留在 Chrome 中。它还解决了以下问题 使用 2 列布局时出现，您将内容浮动到 一侧和您的侧边栏到另一侧。浮动内容元素 在 main 内部可能会导致页脚不卡在某些地方 浏览器。
【讨论】：
您可能不需要它，但如果需要，overflow:auto 使元素充当容器，该容器可扩展自身以包含其浮动元素（如果存在）。
如果您使用 firebug，您可以通过使用溢出来了解我的意思，然后单击容器 element#main。它将覆盖包含的元素。
没有它，容器元素会尽可能小，并且不会“包含”其他元素。
在这里阅读更多：
【讨论】：