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中不起作用，所以如果你想让页脚在中间对齐，你需要做一些嵌套，就像我在这个版本中一样。< p>

Answer 3

只需设置width: 950px和margin-left:auto; margin-right:auto;。

左/右边距位于auto，<div>将居中。一旦浏览器的大小降低到需要滚动的程度，浏览器就不会缩小<div>，它只需要左/右滚动，这无论如何都需要你的内容。

Answer 4

我认为你可以用一点CSS来解决它：

html＆amp; PHP：

<div id="footer">
<?php include("footer.php"); ?>
</div>

CSS：

#footer {
margin: 0 auto;
text-align: center;
}

希望这有帮助！：）

页脚居中帮助

4 个答案: