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

我写了一个痘痘例如：http://jsfiddle.net/K7G3C/

Answer 2

使用float: left;在CSS的所有div。不需要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%; 
}