Поплавок к верхней неизвестной высоте divs

Question

У меня есть div div в моем макете, имеющем ширину 50%. Каждый div может иметь переменную высоту в зависимости от ее содержимого. То, что я хотел бы сделать, это «плавание» их вверх. Это означает, что каждый div заполняет пробелы вышеуказанными div. Нечто подобное:

Можно ли добиться этого эффекта с некоторыми CSS? Разумеется, ширина также может быть установлена ​​на другие значения, а не только на 50%. Заранее спасибо.

Answer 1

Вы можете изменить HTML-разметку следующим образом

<div class="left col50"> 
     <div class="first"></div> 
     <div class="third"></div> 
    </div> 
    <div class="right col50"> 
     <div class="second"></div> 
     <div class="fourth"></div> 
    </div> 

и CSS

.col50{ 
width:50%; 
} 

.right,.left{ 
float:left; 
}