页脚居中帮助
页脚居中帮助
提问于 2011-09-13 01:03:28
我想我有一个非常简单的问题。我有一个footer.php，我把它放在我的主页和所有子页面上(让它更容易，这样我就可以在一个位置改变页脚)。我正在尝试使页脚保持在固定宽度的中心，而不管浏览器窗口的大小如何。例如，我希望我的页面宽度为950px，页脚始终在中心，这样即使我将浏览器调整到尽可能小的大小，它也只是覆盖了页脚，而不是随着调整大小的窗口移动它。很像apple.coms footer。
谢谢你的帮助
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-09-13 01:08:13
在您的标记中：
<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中不起作用，所以如果你想让页脚居中对齐，你需要做一些嵌套，就像我在这个版本中所做的那样。
Stack Overflow用户
发布于 2011-09-13 01:06:54
你只需要设置页脚的width，然后给它一个margin:0 auto，其中0代表上边距和下边距，auto代表左边距和右边距。
Stack Overflow用户
发布于 2011-09-13 01:06:27
只需设置width: 950px和margin-left:auto; margin-right:auto;即可。
当左/右边距为auto时，<div>将居中。一旦浏览器的大小降到需要滚动的程度，浏览器就不会缩小你的<div>，它只需要左/右滚动，这是你的内容无论如何都需要的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7391357
复制相关文章
相似问题
腾讯云开发者
