How to float divs with different height

Изви­ни­те, этот текст не досту­пен на рус­ском языке.

It was a little complicated to float divs with different height via clean css. Until the flexbox came!
Here's what shoul be applied to the parent element (the container element) and everything will go well:

.parent { 
display: -webkit-box; 
display: -webkit-flex; 
display: -ms-flexbox; 
display: -moz-box; 
display: flex; 
-webkit-flex-wrap: wrap; 
-ms-flex-wrap: wrap; 
flex-wrap: wrap; 
-webkit-flex-flow: row wrap; 
-ms-flex-flow: row wrap; 
flex-flow: row wrap; 
}

Может быть интересно:

• Авто­за­ме­на в Sublime (regex, grep)
• Зада­ём свой­ства объ­ек­там в ArchiCAD 23 через Python
• Python в ArchiCAD 23
• Рас­пе­ча­тать дере­во про­ек­та в ArchiCAD 23 через Python
• Про Python и ArchiCAD: уда­лить лиш­ние слои

Публичная защита проекта по теме «Музей» на Вечернем отделении МАрхИ

Дискуссия на тему подачи, проекта и всего остального