blog/

How to float divs with different height

Ivan @ 28 / 05 / 2020 @ Blog / веб / Памятки / Programming
()

Время чтения: ~ 1 мин.

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; 
}

 


Similar Posts:


Subscribe!

Instagram
VK
Facebook
YouTube!
Telegram!

Subscribe to mail list



* clicking the ‘Subscribe’ button you agree that your personal data will be processed