【发布时间】：2011-09-12 18:41:50
【问题描述】：
【问题讨论】：
-
你在主 div 中设置了 text-align:center 吗？
-
width: 100%;使您的div#main无法在浏览器窗口中居中。给它一个像素宽度，它应该居中。
【发布时间】：2011-09-12 18:41:50
【问题描述】：
试试：margin: 0 auto; display: table
不需要宽度，什么都没有。在 Chrome 中测试。
【讨论】：
-
在 Chrome 和 IE 中出色地完成了我正在开发的响应式网页设计网站。谢谢@Cosmin。
居中<div class="main">（它是class - 这意味着它是.main，而不是#main - 你的HTML和CSS在这一点上彼此不一致） ：
- 将
margin: 0 auto; width: 1020px添加到.main。1020px是在这里使用的正确号码。 - 您还需要从
body中删除width: 100%，否则您的居中将不会完全正确。 - 您还应该从
body中删除overflow: hidden，否则您的页面无法滚动。
最后，添加一个合适的文档类型作为第一行，否则您的页面在Quirks Mode 中，您尤其会在使用 Internet Explorer 时遇到大问题：
<!DOCTYPE html>
我不确定你的页脚应该做什么。
【讨论】：
-
为您的 HTML 使用 doctype -
-
第二个 - 添加到主类：
margin: 0 auto;
编辑： 并以像素为单位制作主要宽度
【讨论】：
首先，确保您拥有正确的文档类型。
使用margin: 0 auto; 居中的关键是确保相同的 div 具有静态宽度。
#main { width: 980px; margin: 0 auto; }
【讨论】：