我怎样才能排队我的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