Stack Overflow-esque footer？

Question

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

我认为我得到了粘性部分，但无法概念化与全长页脚的对齐方式。

我想知道是否有人成功构建了类似Stack Overflow中的页脚，以及它们是否可以帮助我理解编码。

Answer 1

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

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

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

以下是页脚内容的容器：

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

此外，我不认为页脚“粘”任何东西。它只是在文档的末尾，所以它呈现在页面的底部。我可能错了，因为我没有仔细查看stackoverflow的html源代码，但其他任何东西看起来都有点过分。