使用css居中div的问题

Posted 2023-03-05

【中文标题】使用css居中div的问题

【英文标题】：Problem centering div with css

【发布时间】：2011-04-27 17:39:39

【问题描述】：

我试图在我的页面中居中一个 div，但我有一个非常特殊的布局，它不允许我以常规边距居中：自动属性。我所拥有的是，基本上是这样的：

html：

<div id="container">
    <div id="sidebar">
        some text
    </div>
    </div id="content">
        some text
    </div>
</div>

CSS：

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


#sidebar
    float: left;
    width: 300px;


#content
    float: left;
    width: 600px;

这使我的容器居中没有问题，但我需要将“内容”div 相对于屏幕宽度居中，这是我正在处理的网站，因此您可以更清楚地看到它：http://dirtymind.jvsoftware.com/以及我为了更好地解释我的问题而制作的图片：http://dirtymind.jvsoftware.com/img/csserror.png

有谁知道如何做到这一点？提前谢谢大家。

【参考方案1】：

将容器的宽度增加侧边栏的宽度，并为内容块添加相同数量的右边距。

【参考方案2】：

据我所知，这是不可能的。 我会在以下选项中进行选择：

向容器添加边距，例如 .. 5%。 恒定的左边距