堆栈溢出-风格的页脚？

Question

Stack Overflow上的这个页脚是一个梦想:全长页脚的颜色与正文不同，但文本与中心列对齐，并且粘在页面的底部。

我想我得到了粘性的部分，但不能概念化如何与全长页脚对齐它的事情。

我想知道是否有人已经成功地构建了像Stack Overflow中这样的页脚，他们是否可以帮助我理解编码。

Answer 1

这是因为stackoverflow，像许多站点一样，使用被广泛接受的960px页面容器宽度标准。

在全角页脚容器中，为内容放置第二个不可见的容器，其宽度与主文档体的宽度相同，例如960px。下面是stackoverflow的主体容器：

#content {
    margin: 0 auto;
    width: 960px;
    min-height: 450px;
}

下面是页脚内容的容器：

.footerwrap {
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

此外，我不认为页脚‘坚持’任何东西。它只是在文档的末尾，所以它被呈现在页面的底部。我可能错了，因为我没有详细地看过stackoverflow的html源代码，但其他任何东西似乎都是多余的。