css - 堆栈溢出式页脚？

Question

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

我想我得到了棘手的部分，但无法概念化与全长页脚对齐的方式。

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

Answer 1

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

在全 Angular 页脚容器中，放置第二个不可见的内容容器，其宽度与主文档正文的宽度相同，例如960 像素。这是 stackoverflow 的主体容器:

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

这是页脚内容的容器:

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

此外，我不认为页脚“粘”在任何东西上。它只是在文档的末尾，所以它呈现在页面的底部。我可能是错的，因为我没有那么详细地查看 stackoverflow 的 html 源代码，但其他任何内容似乎都有些矫枉过正。