问题与css浮动div

Question

我不知道为什么在使用花车时总是会发生

我的div（samle）看起来像这样

 <div class="main>
   <div class="inn_div">&nbsp</div>
 </div>

和我的样式表

  .main{ width:250px; border:1px solid #000; }

  .main .inn_div{ float:left; width:25px; height:50px; border:1px solid #000; }   

，看起来像这样

inn_div来自.main而且它在使用“内联块或表格单元格”时工作正常我不需要那些问题与浮动或我的人帮助我。

Answer 1

将overflow:auto添加到主div。

<强> jsFiddle example

Answer 2

你实际上需要清除浮动。

Demo

<div class="main">
   <div class="inn_div">
       &nbsp;
   </div>
    <div style="clear:left;"></div>
 </div>

Answer 3

如果你不希望它们重叠，你的主div就像一个包装div一样不要把内部div放在主div中。但如果你必须这样做，那么你可以搞乱margin-top属性或padding-top属性，直到你满足于间距

Answer 4

使用CSS clear property。 例如。明确：两者

Answer 5

解决方案是为主类指定高度或最小高度。你只有宽度。不需要像JavaScript这样的任何其他脚本。