Cita:
Iniciado por Ag666 
mas o menos es la idea, aunque me veo obligado a mencionarte la contra del position:absolute;, este al utilizar el atributo top:100px; se toma en relación a la ventana de tu explorador y no de tu cajapadre1... si deseas que sea en relación a cajapadre1 debes utilizar margin-top:100px;
ahora bien si lo que buscabas era solo que cajapadre2 se colocara por debajo de caja1, basta con aplicar un clear:left; en lugar de position:absolute; top:100px;
el clear se utiliza para indicar que termina el efecto float.
para lo cual:
clear:left es porque anterior mente usaste el float:left,
float:right deberias usar clear:right
float:left y float:right debe usarse clear:both
¡si estoy mal que alguien me corrija por favor!
Otra opción para que cajapadre2 tenga como referencia para desplazarse la cajapadre1 utilizando position:absolute sería aplicando position:relative a cajapadre1, puesto que position:absolute toma como refencia de coordenadas el primer elemento padre que esté
posicionado
Clear:left ->es para que no se pueda posicionar ningún elemento a la izquierda del elemento con dicha propiedad.
Clear: right ->...
Clear: both -> utilizado para que ningún elemento se pueda posicionar horizontalmente respecto al elemento con dicha propiedad.
Creo...
Un saludo.