Dopasowujące się divy

Witam
Nie wiem dokładnie jak nazwać ten problem i pewnie dlatego nie potrafię znaleźć jego rozwiązania. Zamieszczam obrazek w załączniku, w którym jest pokazane o co mi chodzi. Te prostokąty to div z równą szerokością, ale różną wysokością. W jaki sposób można coś takiego osiągnąć przy pomocy css(o ile w ogóle można)?
Z góry dziękuje.

Nie rozumiem za bardzo o co Ci chodzi, możesz jaśniej ? co chcesz zrobić z tym ? chcesz osiągnąć taki efekt jak w załączniku?
W CSS spróbuj tak:

width: auto;
height: (określ wysokość)

To chyba jakies standardowe zadanie w szkolach bo sporo tu ostatnio o tym http://4programmers.net/Forum/Newbie/163781-ustawienie_pozycji_i_szerokosci_divow_na_dole_strony?p=1041485#id1041485

Najprościej nadać tym parom kontenery jeszcze w html. Jeżeli nie to zabawić się floatami i ich kolejnością w strukturze html tak czy tak według mnie bez drobnych zmian w html się nie obejdzie.

To nie będą pary. W wierszu będzie ich 3, ale w kolumnie nieokreślenie wiele. W każdym divie będzie jakiś tekst i to on będzie określać wysokość diva.

No to jedyne wyjście zrobić kontenery, div będący kolumną.

Dzięki, jest to jakieś rozwiązanie, lecz myślałem że jest jakiś magiczny parametr, który zapobiegnie wyrównywanie elementu w linii do innych elementów, tak jak to ma miejsce z obrazkami.

szalonyfacet napisał(a):

To chyba jakies standardowe zadanie w szkolach bo sporo tu ostatnio o tym http://4programmers.net/Forum/Newbie/163781-ustawienie_pozycji_i_szerokosci_divow_na_dole_strony?p=1041485#id1041485

To czysty przypadek. Ja programuje czysto hobbystycznie.

Jak mówiłem możesz się też pobawić z floatami (i divy z ustaloną szerokością i wysokością) ale jest dużo więcej zabawy i testowania czy aby ten div wpadnie w te miejsce gdzie ty sobie założyłeś.