Tema: Encajar divs
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/05/2014, 15:23
RocoBox3000
 
Fecha de Ingreso: febrero-2014
Mensajes: 99
Antigüedad: 10 años, 9 meses
Puntos: 0
Encajar divs

Hola amigos,
Queria saber si es posible hacer encajar div de dos medidas o mas.
Os pongo una imagen para que lo entendais mejor.
El div dos (color verder) podria ir en cualquier lado.





css
-------------------------------------------------------------------------------------
.principal { position:relative; width:500px; height:auto; overflow:hidden; margin:0 auto; background-color:#ff0000}
.uno { float:left; width:50px; height:50px; background-color:#666; border-top:solid 1px #fff; border-left:solid 1px #fff; }
.dos { float:left; width:100px; height:100px; background-color:#00d119; border-top:solid 1px #fff; border-left:solid 1px #fff; }


html
-------------------------------------------------------------------------------------
<div class="principal">
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="dos"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="dos"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="uno"></span>
<span class="dos"></span>
<span class="uno"></span>
</div>



Saludos
Gracias