1

我试图在我的页面中居中一个 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

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

4

2 回答 2

1

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

于 2010-10-19T21:37:40.140 回答
0

据我所知,这不可能是你想要的方式。我会在以下选项之间进行选择:

  1. 向容器添加左侧边距,例如 .. 5%。
  2. 恒定的左边距
于 2010-10-19T21:24:32.677 回答