Cada vez veo más webs de este estilo, divs distribuidos en columnas, y los divs de diferentes alturas, y que se distribuyen según sea el ancho del browser. Si modificas el ancho de tu browser verás que se recolocan los divs.
¿Sabéis si se puede hacer con css, o hay que utilizar javascript, jquery...?
Lo estoy intentando con float, pero no lo consigo, se quedan espacios.
Saludos..
Código HTML :
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<style type="text/css">
.a{
float:left;
width:100px;
height:100px;
background:#FF9898;
}
.b{
float:left;
width:100px;
height:50px;
background:#CDFE83;
}
.bb{
float:left;
width:100px;
height:50px;
background:#AFDE5F;
}
</style>
</head>
<body>
<div class="a">1</div>
<div class="b">2</div>
<div class="bb">3</div>
<div class="a">4</div>
<div class="b">5</div>
<div class="bb">6</div>
<div class="a">7</div>
<div class="b">8</div>
<div class="bb">9</div>
<div class="bb">11</div>
<div class="a">22</div>
<div class="b">33</div>
<div class="bb">44</div>
</body>
</html> 
