水平對齊2塊（一個左浮動）

Question

我想水平對齊（無論屏幕分辨率）的2個主要塊。 一個有一個float：left。

如果我將margin-left：auto設置爲.site（主要內容塊，在右邊），它會水平對齊。問題是我不知道如何讓側欄（左側的塊）對齊。這很困難，因爲我需要確保菜單完美地「附加」到內容塊（所以我不能使用position：relative; left：XXpx，因爲它在不同的分辨率上發生變化）。

任何想法？ :)

編輯：如果可能的話，與IE 7-8太（不幸）工作方案：d

Answer 1

我可能失去了一些東西，但你只是想拿到2個元素，並使其中心 - 水平對齊？

只需將它們包裝在另一個div中，並將該包裝div與margin: 0 auto對齊即可。

檢查this link。

<div id="#wrapper"> 
    <div id="sidebar">Sidebar</div> 
    <div id="content">Content</div> 
</div> 

編輯： 當然，你必須浮動內容DIV以及（不僅側邊欄）