IE 7左中右对齐没有表格

Question

我有3个div

<div id="container">
    <div id="left">left</div>
    <div id="center">center</div>
    <div id="right">right</div>    
</div>

我需要让它们水平对齐 在IE7中，正确的一个跳转到下一行。 我正在使用左右浮动（中心设置为显示：内联;清除：无;） 我也远离绝对定位（但也许是唯一的方法） 在不使用表格的情况下以聪明的方式实现这一目标的任何建议？ 谢谢

Answer 1

在css的所有div中使用float: left;。不需要display:inline;。

HTML：

<div id="container">
    <div id="left">left</div>
    <div id="center">center</div>
    <div id="right">right</div>    
</div>

CSS：

#container div{
   float: left;
   width: 30%;
}

Answer 2

我写了一个小例子：http://jsfiddle.net/K7G3C/