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 div放在它自己的行上：

clear CSS属性指定元素是否可以在旁边在它之前的浮动元素或必须向下移动（清除）在他们之下。

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

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

Answer 2

尝试添加清晰：两者;到id detailData的css

我怎样才能排列我的CSS DIV

2 个答案: