页脚居中帮助

Question

我相信我有一个非常简单的问题.我有一个footer.php,我放在我的主页和所有子页面(为了使它更容易,所以我可以在一个位置更改页脚).我试图让它成为固定宽度的中心,无论浏览器窗口的大小是多少.例如,我希望我的页面宽度为950px,页脚始终位于中心,这样即使我将浏览器调整到尽可能小的范围,它也只是覆盖页脚,而不是使用调整大小的窗口移动它.就像apple.coms页脚一样.

谢谢您的帮助

Answer 1

你只需要设置width您的页脚,然后给它一个margin:0 auto地方0代表的顶部和底部的利润率和auto对左,右.

Answer 2

在您的标记中：

<div id="footer-container">
    <div id="footer">
        Footer stuff
    </div>
</div>

在你的 CSS 中：

#footer-container {
    /* centering for IE */
    text-align: center;
}
#footer {
    width: 950px;
    /* undo text-align on container */
    text-align: left;
    /* centering for other browsers */
    margin: auto;
}

编辑：我将此评论放在其他一些解决方案上，但删除了它们，因为我不想复制/粘贴所有解决方案。请注意，这margin: auto在旧版本的 IE 中不起作用，因此如果您想让页脚在中间对齐，您需要进行一些嵌套，就像我在这个中所做的那样。