Practicando posicionamiento

[ArturoGallegos]

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!