问题标签 [sticky-footer]

我有一个简单的 2 列布局，其页脚可以清除标记中的左右 div。我的问题是我无法让页脚在所有浏览器中都停留在页面底部。如果内容将页脚向下推，它会起作用，但情况并非总是如此。

我知道使用 position:fixed 这很容易，但不幸的是我坚持支持 IE 6。我该怎么做？我宁愿使用 CSS 干净，但如果我必须使用 Javascript，那不是世界末日。在我当前的实现中，我有一个“浮动页脚”，它浮动在主要内容区域上方并使用 Javascript 定位。即使使用 Javascript，我现在的实现也不是特别优雅，所以我的问题是：

1. 有没有办法在没有 Javascript 的情况下做到这一点？
2. 如果我必须使用 Javascript，这个浮动页脚问题有什么“好”的解决方案吗？我所说的“好”是指可以跨浏览器工作的东西，不会使浏览器的资源过载（因为它必须经常重新计算），并且优雅/易于使用（即编写类似的东西会很好new FloatingFooter("floatingDiv")）。

我猜想没有超级简单的解决方案可以满足上述所有内容，但我可以建立的东西会很棒。

最后，只是一个更一般的问题。我知道这个问题很难解决，那么除了在每个页面底部都有页脚内容之外，还有其他 UI 替代方案吗？在我的特定站点上，我使用它来显示步骤之间的转换。我还有其他方法可以做到这一点吗？

我暂时删除了页脚，网站必须上线。所以链接也消失了。

如您所见（在 FF2 和 IE7 中）页脚位于屏幕底部，但不在页面底部（内容）。

我的代码中有这个：

这在css中：

或者，长话短说：我按照此处给出的说明进行操作。

我用这个：

看起来它在 Firefox/Safari/Opera 和 IE 6 和 7 中运行良好，但在 8 中却不行。有什么遗漏或错误？

我需要将页脚固定在页面底部并使其居中。页脚的内容可能随时发生变化，所以我不能只通过 margin-left: xxpx; 将其居中。右边距：xxpx；

问题是由于某种原因这不起作用：

我爬了网，一无所获。我尝试制作一个容器 div 和 nada。我尝试了其他组合和gurnisht。我怎样才能做到这一点？

谢谢

我想这个问题时不时会出现（我实际上在发布我自己的问题之前阅读了一些帖子）但它又来了。

如何使用IE 6让粘性页脚在此 url 上工作？（链接已被删除，因为它现在已损坏）

这里的不同之处在于，如果您单击“Werknemer”或“AEX”，我会得到一个隐藏的 div。

这是我希望在浏览器窗口底部可见的块（而不是当前页面的末尾）。

谢谢您的帮助！

我正在阅读有关使用 CSS 使页脚停留在浏览器底部的信息，并且每次我阅读有关制作 100% 高度，然后使 / div 或任何你想称之为的最小高度为 100% 的内容时。这样，如果内容没有占用足够的空间，则不会折叠，从而使您的页脚随之上升。我的问题是为什么每个人都说使用最小高度 100% 而不仅仅是普通的旧高度 100%？这是否意味着浏览器中的视图永远不会大于 1 个窗口的视图（换句话说，永远不会高到需要滚动条）？对我来说 100% 的高度让我觉得 div 只会占据浏览器高度的 100%。这不是我们想要的吗？

我非常喜欢使用 YUI 库，因为我的 CSS 和设计技能是典型的开发人员。我可以找到许多导致页脚粘在页面底部的 CSS 技术示例。但是我试图将其添加到 YUI 网格中失败了，我只是想知道是否有其他人已经实现了这一点，如果是的话，他们介意分享他们的方法吗？

所有粘性页脚都要求您将除页脚之外的所有内容放在页面换行中。我有一种情况，标题必须位于页面换行之外：

任何人都知道在这种情况下 CSS 的附录是什么？

我正在使用这个解决方案，它以前对我有用：

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

我目前在一个网站上工作，但它不工作。我认为这是因为我在页面上的某些 div 上使用了绝对位置。页脚不是停留在页面底部，而是显示在页眉下方，位于绝对定位的 div 之上。在这种情况下如何让粘性页脚工作？

实际上它现在正在工作。不知道为什么——这些 CSS 的奥秘之一。不过，这是一个相关的问题 - 如何设置最小浏览器高度，以便当有人调整浏览器大小（使其更小）时，页脚停止向上移动并覆盖内容？

编辑 - 这是 CSS。页脚贴在底部很好，但如果浏览器窗口很小，它会覆盖页面上的内容 div。