以css为中心的div问题

时间:2010-10-19 21:19:52

标签: css margin centering

我正试图在我的页面中居中一个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相对于屏幕的宽度居中,这是我正在处理的网站,以便您可以更清楚地看到它:{{3我制作的图片是为了更好地解释我的问题:http://dirtymind.jvsoftware.com/

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

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