Encajar divs

RocoBox3000 · #1 (**permalink**) 15/05/2014, 15:23

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">

























</div>

Saludos
Gracias

pzin · #2 (**permalink**) 16/05/2014, 07:57

No entendí nada.

RocoBox3000 · #3 (**permalink**) 16/05/2014, 08:42

jajaja
Me intentare explicar mejor.

Tengo una serie de divs con tamaño de 50x50, les pongo float:left, para que se peguen unos con otros. Hasta aqui todo bien, el problema que algun div le quiero poner con el doble de tamaño 100x100 y entoces ya no me pegan pegados uno detras de los otros. Y me preguntaba si hay alguna manera de hacer que queden todos bien encajados.

saludos
gracias

pzin · #4 (**permalink**) 16/05/2014, 08:49

Ahora entendí. Aunque no deja de ser ambigua la pregunta. Para que encaje todo automágicamente está algo complejo, pero más que por el ancho por el alto. Si el alto es igual, pues no tiene mayor problema ya que se seguirán poniendo uno al lado de otro.

RocoBox3000 · #5 (**permalink**) 16/05/2014, 09:09

La verdad esque no encaja, me queda como en la parte izquierda de la foto y por eso preguntaba si podria quedar con en la parte derecha de la foto
Igual hay que usar javascript?

saludos