css 居中 div 的问题

Question

我试图在页面中将 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

有谁知道如何做到这一点？预先感谢大家。

Answer 1

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

Answer 2

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

1. 向容器添加 margin-left，例如 .. 5%。
2. 恒定左边距