Когда div перемещается вниз, измените размер остальных, чтобы занять оставшееся место

У меня есть три (но проблема применима к любой сумме), которые имеют процентную ширину и масштаб с размером их контейнера, но имеют минимальную ширину, где они будут перемещаться вниз в контейнере. Вот пример текущего сценария:

div {
  float: left;
  width: 33%;
  min-width: 300px;
  height: 300px;
  margin-right: 2px;
}

<div style="background: red"></div>
<div style="background: green"></div>
<div style="background: blue"></div>

http://jsfiddle.net/ULLBr/

Мне было интересно, возможно ли, чтобы оставшиеся элементы масштабировались, чтобы взять оставшиеся пробелы в строке?

Я знаю, что это может быть достигнуто в javascript, но чистое решение CSS было бы высоко оценено, однако если это невозможно, то каким будет лучший способ приблизиться к нему в javascript?

В идеале любое решение должно иметь возможность обрабатывать n div.

Спасибо.