は、どのように私は次のCSSとHTMLを持っている私のCSSのDIV

Question

並べることができます。

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のdivを配置します：明確なCSSプロパティは、要素がそれに先行するか、（クリア）下に移動しなければならない 浮動要素の隣にできるかどうかを指定します

下の

出典：https://developer.mozilla.org/en/CSS/clear

とデモ：http://jsfiddle.net/KBges/

Answer 2

試し明確追加：両方。 IDのためのCSSへdetailData