0

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

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

有任何想法吗？:)

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

4

1 回答 1

0

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

只需将它们包装在另一个 div 中并将包装器 div 与margin: 0 auto.

检查此链接。

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

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

于 2012-12-29T21:29:57.320 回答