Есть некоторый html
<body>
<div class="div"></div>
<div class="div"></div>
</body>
Эти два блока на одной строке. У первого блока минимальная длина 400px, у второго 200px. А максимальная длина у обоих должна быть 100%. Как сделать так, чтобы при достижении минимальной длины, блок, который не вмещается, переносился на следующую строку. А предыдущий блок занимал 100%, оставшегося места на первой строке. При том перенесённый тоже занимал 100% пустого места на новой строке.
Прошу учесть, что блоков может быть и не два. Заранее спасибо.