Css div浮动左。。。。当它包装,它包装所有时髦

Css div浮动左。。。。当它包装,它包装所有时髦,css,html,Css,Html,我有1到10个浮动div。如果我显示的是1-5或全部10,它们显示得很好: 第1项第2项第3项第4项第5项 item6 第6项第7项第8项第9项第10项 但如果我展示了其中的7个,它们开始变得很奇怪: 第1项第2项第3项第4项第5项 item6 项目7 我该如何解决这个问题?下面是div代码的样子: <div style="float:left; margin-right:4px; margin-top

我有1到10个浮动div。如果我显示的是1-5或全部10,它们显示得很好:

第1项第2项第3项第4项第5项

                     item6
第6项第7项第8项第9项第10项

但如果我展示了其中的7个,它们开始变得很奇怪:

第1项第2项第3项第4项第5项

                     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>


车辆

谢谢大家

如果我看到你的代码可能是你必须定义你的浮动的
高度

例如:

div{
 height:200px;
}

你能修正你的代码块格式吗?我不认为它会像你想的那样出现。我认为我们需要更多的代码。我只是使用您提供的代码快速组合了多个div,我觉得很好。在这里工作正常,所以问题在于代码中没有显示的部分。Sandeep可能有什么想法。我也试过了:结果很好,但并不总是这样。我以前见过这种情况,我总是回到餐桌上来。这次我只是想避免这种情况。使用Bootstrap的网格系统,你将永远不会再遇到这种问题。“求助于桌子”是不好的,你应该感到不好。