Seitenfüllendes Grid mit Umbruch - Möglich?

[slide]

Hallo.
Für eine Seite die Suchergebnisse darstellen soll, würde ich gern ein gewisses Layout realisieren. Nach einigen versuchen weiss ich jedoch nicht ob es überhaupt möglich ist.

Es sollen Elemente in einem Gitter(Grid) angeordnet werden. Dieses soll in der Breite die gesamte Seite füllen. Wenn die Seite zu klein wird, sollen Elemente umgebrochen werden, jedoch trotzdem die gesamte Seite genutzt werden.

Beispiel: Der Browser-Sichtbereich ist 400px breit. Es werden 4 Elemente mit jeweils 100px Breite dargestellt. Nun wird das Fenster kleiner gezogen auf 320px. Somit haben alle Elemente eine breite von 80px. Dies soll nun die minimale Breite der Elemente sein. Wird das Fenster noch etwas kleiner gezogen(390px), soll eines der 4 Elemente umgebrochen werden in die nächste Zeile. Da nun wieder Platz freigeworden ist, werden die verbleibenden 3 Elemente jeweils 130px breit.

Ich hoffe es ist verständlich was ich meine. Ein ähnliches Verhalten hat die Google Bildersuche. Jedoch werden hier nur die Abstände vergrößert oder verkleinert, bei mir sollen es die Elemente selbst sein.

Die Lösung sollte am besten ohne JS möglich sein.

Vielen Dank für jegliche Anregungen.