div浮动......当它包裹时，它包裹着所有时髦

Question

我有1到10个浮动div。如果我显示1-5或全部10，他们显示正常：

item1 item2 item3 item4 item5

item6 item7 item8 item9 item10

但是，如果我显示其中的7个，他们开始变得奇怪：

item1 item2 item3 item4 item5

                     item6

item7

我该如何解决这个问题？这是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

如果我看到您的代码可能需要为您的浮动 DIV定义height。

例如：

div{
 height:200px;
}