我怎樣才能排隊我的CSS的DIV

Question

我有以下的CSS和HTML：

div#actionList { float: left; height: 25px; margin: 10px; padding: 0px; } 
div#actionList div { float: left; } 

<div id="bdy"> 
    <div id="actionList" class="btn1" > 
     <div>xx</div> 
     <div style="margin: 0 0 0 20px;">AAA</div> 
     <div style="margin: 0 0 0 5px; ">BBB</div> 
    </div> 
    <div id="detailData"> 
     CCC 
    </div>  
</div> 

這將顯示爲：

AAA BBB CCC 

我希望做的是有這個顯示爲：

AAA BBB 

    CCC 

有人能告訴我怎麼做到這一點。我如何使detailData DIV數據 在「actionList」信息下面開始。

Answer 1

div#detailData { clear : both; }​ 

這將使#detailData格在它自己的行：

清晰的CSS屬性指定一個元素是否就能靠近它之前或必須向下移動 浮動元素（清除）它們下面有 。

來源：https://developer.mozilla.org/en/CSS/clear

而且演示：http://jsfiddle.net/KBges/

Answer 2

嘗試添加明確：兩者;到id的詳細信息數據Data