使浮動的div div分開浮動

Question

在這個示例中，是否有任何方法將「側邊欄」div對齊到左側，以便它堅持「主」div，而無需手動設置邊距或位置？

<div id="wrapper" style="width:1000px;"> 
<div id="sidebar" style="width:20px; float:right;">Sidebar</div> 
<div id="main" style="width:500px; margin:auto;">Main</div> 
</div> 

Answer 1

您可以將主側欄和側欄div浮動到一側，並通過使包裝更緊密並給出包裝自動頁邊距來居中整個事情。 CSS的：

#wrapper { 
    width: 525px; 
    margin: auto; 
} 
#sidebar { 
    width: 20px; 
    float: right; 
    border: thin solid red; 
} 
#main { 
    width: 500px; 
    border: thin solid black; 
    float: right; 
} 

您可以在這裏看到的結果，http://jsfiddle.net/BkFgX/