Html 水平对齐2个块（一个左浮动）

我想水平对齐（无论屏幕分辨率如何）两个主块。 一个有一个浮动：左

如果我将marginleft:auto设置为.site（右侧的主内容块），它将水平对齐。问题是我不知道如何让边栏（左边的块）也对齐。这很困难，因为我需要确保菜单完全“连接”到内容块（因此我不能使用position:relative；left:XXpx，因为它在不同的分辨率下会发生变化）

有什么想法吗？：）

---

编辑：如果可能的话，也可以使用IE 7-8的解决方案（不幸的是）：D

我可能在这里遗漏了一些东西，但您只想得到2个块元素并使它们水平居中对齐

只需将它们包装在另一个div中，并将该包装div与

margin:0auto

对齐即可

检查

边栏
内容

编辑： 当然，您还必须浮动Content div（而不仅仅是侧边栏）

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