Sposobów jest kilka. Podam Ci dwa, które przyszły mi do głowy.
sposób 1:
<div style="width: 600px;"> <div style="float: left; width: 300px; background-color: #DBDBDB;">div 1
</div> <div style="float: left; width: 300px; background-color: #707070;">div 2
</div> <div style="float: left; width: 200px; background-color: #DDBBDD;">div 1
</div> <div style="float: left; width: 200px; background-color: #FFFAAA;">div 1
</div> <div style="float: left; width: 200px; background-color: #AAAFFF;">div 1
</div> <div style="clear: left;"></div>
sposób 2:
<div style="float: left; width: 300px; background-color: #DBDBDB;">div 1
</div> <div style="float: left; width: 300px; background-color: #707070;">div 2
</div> <div style="clear: left;"></div> <div style="float: left; width: 200px; background-color: #DDBBDD;">div 1
</div> <div style="float: left; width: 200px; background-color: #FFFAAA;">div 1
</div> <div style="float: left; width: 200px; background-color: #AAAFFF;">div 1
</div> <div style="clear: left;"></div>
Kolor tła dodałem w celach demonstracyjnych, więc nie sugeruj się nim