How can i position DIVs according to their height and width?

How can i position DIVs according to their height and width?

How can i slide up cards(divs) in first column ? (so that it looks neat,
as div heights are variable) Is this the limitation of HTML box model, or
is there any hackish techniques without using javascript. I dont want hide
these cards by making background color of body to match these cards.
for the below image's HTML i used float:left property to inline these divs.