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%; 
}