如果包裹了div，如下所示：
<div id="main"> <div id="sidebar"></div> <div id="page-wrap"></div></div>
您可以使用以下样式：
#main { width: 800px; margin: 0 auto;}#sidebar { width: 200px; height: 400px; background: red; float: left;}#page-wrap { width: 600px; background: #ffffff; height: 400px; margin-left: 200px;}不过，外观略有不同，因此我不确定这是您追求的。这将以
800px一个单元
600px为中心，而不是以
200px左侧为中心。基本方法是侧边栏向左浮动，但在主div内部，并且
#page-wrap侧边栏的宽度为左侧边距以将其移到更远处。
根据评论更新： 对于这种偏心的外观，您可以这样做：
<div id="page-wrap"> <div id="sidebar"></div></div>
通过这种样式：
#sidebar { position: absolute; left: -200px; width: 200px; height: 400px; background: red; }#page-wrap { position: relative; width: 600px; background: #ffffff; height: 400px; margin: 0 auto;}
