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

时间:2015-07-14 10:14:57

标签: html alignment centering

我试图帮助创建自己网站的人(有点儿,我不确定她自己做了多少),但我不确定是什么我做错了。

这是一个简单的改变。她有一个容器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

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:1)

body的宽度设置为740px,将其更改为100%,网站将位于中心位置。所以添加以下样式:

body{
width: 100%;
}

见截图:

enter image description here

但要真正做出回应,你必须以%而不是固定宽度给出各种容器,标题等的宽度。

答案 1 :(得分:0)

margin: 0 auto;放入正文。