我正在使用来自http://www.cssstickyfooter.com/的 css 粘性页脚
为什么我们需要：#main{overflow:auto;}和#footer{position: relative;}？
似乎没有它也可以工作（我不是在谈论 Opera 和 IE 修复）。
问问题
714 次
2 回答
2
overflow:auto;如果页面长于根据您的屏幕高度显示的内容，则将简单地添加滚动条。我以前使用过它，并且相信它可以确保您的页脚在您滚动时保持在页面底部可见。
您是否在比屏幕可以显示的页面更长的页面上尝试过它以查看它的行为？
来自cssstickyfooter.com的报价：
无需 Clearfix 黑客！
许多 CSS 设计师都熟悉 Clearfix Hack。它解决了浮动元素的很多问题。此 Sticky Footer 解决方案的早期版本使用了它。相反，一个更现代且更易于编码的解决方案是溢出语句。我们将它应用到 main 以帮助让页脚粘在 Chrome 中。它还解决了使用 2 列布局时出现的问题，在这种布局中，您将内容浮动到一侧，将侧边栏浮动到另一侧。main 中的浮动内容元素可能会导致页脚在某些浏览器中不卡住。
于 2013-01-23T13:20:44.057 回答
1
您可能不需要它，但如果需要，overflow:auto可以使元素充当容器，扩展自身以包含其浮动元素（如果存在）。
如果您使用 firebug，您可以通过使用它来了解我的意思，然后单击容器element#main。它将延伸到包含的元素。
没有它，容器元素会尽可能小，并且不会“包含”其他元素。
在这里阅读更多：
于 2013-01-23T12:58:46.740 回答