以div为中心

Question

简单的似乎不想工作..

我想将div放在100％宽的div中。

HTML

<div id="body-outside">
    <div id="body-inside">
        content
    </div>
</div>

CSS。

#body-outside{
    width:100%;
    float:left;
    background-color:#F7B3DA;
}

#body-inside{
    width:1280px;
    margin:0 auto;
    background-color:#F7B3DA;
    float:left;
}

此时内容停留在屏幕左侧。 有什么想法吗？

感谢。

Answer 1

摆脱float:left;。尽管将边距设置为自动，但仍将其推向左侧。

Answer 2

您可能还想考虑在体外部分使用text-align：center。