html - 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 而且当我使用“inline-block 或 table-cell”时它工作正常我不需要那些 wat 的问题与浮动问题或我的家伙帮助我。

score 2 · Accepted Answer

2

添加overflow:auto到您的主 div。

于 2013-04-24T02:46:14.353 回答

score 2 · Accepted Answer

你实际上需要清除浮动。

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

score 1 · Accepted Answer

如果您不希望它们重叠，则您的主 div 充当包装器 div，请不要将内部 div 放在主 div 内。但是如果你必须这样做，那么你可以使用 margin-top 属性或 padding-top 属性，直到你对间距感到满意为止

score 1 · Accepted Answer

1

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

于 2013-04-24T02:55:42.503 回答

score 1 · Accepted Answer

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

5 回答 5