css - div 向左浮动....当它包装时，它包装了所有时髦的东西

Question

我有 1 到 10 个 float div。如果我显示 1-5 或全部 10，它们显示正常:

item1 item2 item3 item4 item5

item6 item7 item8 item9 item10

但如果我展示其中的 7 个，它们就会开始变得怪异:

item1 item2 item3 item4 item5

                     item6

元素7

我该如何解决这个问题？这是 div 代码的样子:

<div style="float:left; margin-right:4px; margin-top:5px; text-align:center; padding:7px; color:#0066a4; font-size: smaller; width:100px;">
  <a href="#" onclick="getElectronicServiceCopy('10'); return false;"><img src="/images/images/Icons/Vehicle_Green.png" border="0"></a>
  <br>Vehicle
</div>

谢谢大家!

Answer 1

如果我看到你的代码，你可能必须为你的 floated DIV 定义 height。

例如:

div{
 height:200px;
}