Nej, alle <div>-elementerne med float:left;, vil flyde op ved siden af hinanden - hvis der er plads til dem, vel at mærke.
Se dette:
<html>
<head>
<style type="text/css">
div {border: solid 1px #999;}
div#kontainer {
width: 250px;
height: 500px;
}
div#kontainer div {
width: 100px;
height: 50px;
margin: 10px;
float: left;
}
</style>
</head>
<body>
<div id="kontainer">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
Hvis du sætter dette ind, så vil boksene inde i den ydre <div> flyde op ved siden af hinanden to og to.
Det problem, som jeg tror du oplever, er, at din margin er for stor.
Jeg har herover gjort den ydre <div> 250px bred. De indre bokse er 100px brede. Derudover er marginen til hver side på 10 px.
Det betyder jo:
margin-venstre + boksbredde + margin-højre + margin-venstre + boksbredde + marginhøjre
Dvs.
10px + 100px + 10px + 10px + 100px + 10px = 240px
Herudover skal vi jo også tillægge border-bredden.