如何使用容器 div 使整个站点居中答案

【问题标题】：How to center this entire site with the container div如何使用容器 div 使整个站点居中
【发布时间】：2015-10-02 22:09:17
【问题描述】：

我正在努力帮助一个创建了自己网站的人（有点，我不确定她自己做了多少），但我不确定我做错了什么。

这是一个简单的改变。她有一个容器 div，然后是页眉、左侧菜单、右侧主要内容和页脚。

我想要做的就是将整个网站强制到中心。

CSS 是：

#header {
width:900px;
}

#menu {
    float: left;
    width:154px;
    border-right: 1px solid grey; 
}

#content {
    float: left;
    width:730px;
    padding:2px;
}

#footer {
    clear: both;
    width:900px; 
}

#container {
    width: 900px;
    margin: 0 auto;
}

网站是：here

非常感谢任何帮助！

【问题讨论】：

标签： html alignment centering

【解决方案1】：

首先在你的代码中放置 CSS-Reset。

【讨论】：

【解决方案2】：

将margin: 0 auto; 放入正文中。

【讨论】：

【解决方案3】：

body 的宽度设置为740px，将其更改为100%，网站将居中。所以添加以下样式：

body{
width: 100%;
}

看截图：

但要真正响应，您必须以百分比形式给出各种容器、标题等的宽度，而不是固定宽度。

【讨论】：