水平对齐2个块(一个左浮动)

时间:2012-12-29 19:49:07

标签: html css css-float

我想水平对齐(对于任何屏幕分辨率)2个主要块。 一个人有一个浮动:左。

如果我将margin-left:auto设置为.site(主内容块,在右侧),它会水平对齐。问题是我不知道如何使侧边栏(左边的块)对齐。这很困难,因为我需要确保菜单完全“附加”到内容块(所以我不能使用position:relative; left:XXpx因为它在不同的分辨率上会发生变化)。

有什么想法吗? :)

编辑:如果可能的话,解决方案也适用于IE 7-8(不幸的是):D

1 个答案:

答案 0 :(得分:0)

我可能会在这里遗漏一些东西,但你只想获得2个块元素并使它们水平居中对齐?

将它们包装在另一个div中,并将该包装div与margin: 0 auto对齐。

检查this link

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

修改 当然,您还必须浮动Content div(而不仅仅是补充工具栏)