#main {
  width: 600px;
  margin: 0 auto; 
}

设置固定宽度 防止撑满整个容器.

然后就可以设置外边距为 auto 来使其 水平居中

唯一的问题是 当浏览器窗口 比元素还要窄的时候. 会显示一个水平滚动条来 显示多余内容.