我试图在我的页面中居中一个 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
有谁知道如何做到这一点?提前谢谢大家。