html - 为什么不使用位置 :fixed for a "sticky" footer?

Question

我看过 Ryan Fait's粘性页脚的方法以及一个here和 here .

为什么这些人在 #footer{position:fixed; 时为粘性页脚制作模板？ bottom:0;} 就够了吗？

编辑:

我要补充一点，使用 position: fixed; 作为页脚确实会破坏 margin: auto; 在(至少)某些浏览器中居中，因此需要一个包装标签。我对上述方法的部分问题是额外的标签令人困惑，语法不正确(对于“HTML 纯粹主义者”)并且它占用了带宽。然而，在我看来，围绕页脚的单个包装器仍然比必须开始的整个困惑的页面模板更好。而且，“我的”方式仍然更直接，占用的带宽更少。

Answer 1

使用position: fixed 和Ryan Fait's method 的区别¹ 非常基础。

当使用 position: fixed 时，页脚始终可见，这不是粘性页脚想要做的。
粘性页脚的意思是保持粘在底部，除非内容长于视口(viewport)高度。在那种情况下，粘性页脚将像普通页脚一样，出现在页面内容的正下方。

Here you can see the effect粘性页脚。在“结果”窗口中，您会看到页脚位于页面底部。单击“添加内容”按钮添加内容，然后您会看到页脚向下移动以保持在内容下方。

---

^{1。这是 Wayback Machine 2013 年 1 月 10 日的快照，因为 Ryan 的网站本身不再包含原始帖子。}