Divs ved siden af hinanden og nedad

<div style="width: 200px; float: left;">
  <div style="float: left; width: 100px;">1</div>
  <div style="float: left; width: 100px;">2</div>
  <div style="float: left; width: 100px;">3</div>
  <div style="float: left; width: 100px;">4</div>
  <div style="float: left; width: 100px;">5</div>
  <div style="float: left; width: 100px;">6</div>
</div>

Jeps, jeg har overvejet float, men jeg skal have hvert nedadgående niveau til at udvide en overordnet omkringliggende divs bund nedad - ligesom f.eks. Ekspertens hovedområde udvides af indholdet.

Sæt en cleardiv ind for hvert niveau:

CSS:

.clearDiv{clear:both;height:0;overflow:hidden;}

<div style="width: 200px; float: left;">
  <div style="float: left; width: 100px;">1</div>
  <div style="float: left; width: 100px;">2</div>
  <div class="clearDiv">&nbsp;</div>
  <div style="float: left; width: 100px;">3</div>
  <div style="float: left; width: 100px;">4</div>
  <div class="clearDiv">&nbsp;</div>
  <div style="float: left; width: 100px;">5</div>
  <div style="float: left; width: 100px;">6</div>
  <div class="clearDiv">&nbsp;</div>
</div>

Skønt, nu virker det. Smid evt. et svar :)

Velbekomme '-)

-- og tak for point ;~}