Question

这是我的网站：http://guillermo.comuv.com/

我无法弄清楚为什么网站（包裹白色部分的div）固定在左侧，我最终在右侧有大量的空黑色空间 - 我不得不创建另一个div （＆＃34;主人＆＃34;）只是为了从左侧推下它，因为我无法弄清楚为什么它被卡在左边并且不像以前那样居中。

    #master {

    margin-left:90px;
    text-align:center;


    }

    #wrapper {
    width: 900px;
    background: #FFFFFF;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
overflow:hidden;
    }

Answer 1

替换

#master { 
    margin-left:90px
}

与

#master { 
    margin:0 auto;
    width: 1200px // example width
}

在这种情况下，容器的宽度最有可能设置为固定的，或者只需应用text-align:center就可以了。

Answer 2

在你的#wrapper上加上margin：auto，这应该是适合你的东西。

#wrapper {margin：0 auto;}

Answer 3

创建一个包围整个内容的div，并使用CSS样式将div用于你所创建的div：

#yourbig div {
    margin-left: auto;
    margin-right: auto;
}

css / html整个网站容器卡在左边，并在响应中扩展得很厉害

3 个答案: