Position absolute y relative

[Caminantejm]

Tengo estas dos pruebas que he hecho y no termino de entender.

Según he estudiado, aquí, la segunda caja se colocará en el ángulo superior izquierdo de la última línea de la caja relative. Y parece que se cumple ya que la caja hija no declara la position absolute.
Prueba 1

Código CSS:

<span style="border: 2px solid fuchsia; position:relative; background-color:yellow">
Caja padre con position relative no declarada.<br/>Segunda línea
<span  style="position:absolute; background-color:brown">Caja hija position absolute no declarada.
</span > 
</span >
 

Pero ¿qué ocurre si la position relative de la caja parent declara la position? No llego a captar cómo se sitúa el elemento hijo de ésta.
Prueba 2

Código CSS:

<br/><br/>
<span style="border: 2px solid fuchsia; position:relative; top: 2em; left: 2em; background-color:aqua">
Caja padre con position relative declarada.<br/>Segunda línea
<span  style="position:absolute; background-color:olive">Caja hija position absolute no declarada.
</span > 
</span >
 

Saludos y gracias de antemano.
Caminantejm

[jomaruro]

Hola:

Léete el apote que hizo Mikmoro: pequeña guía de migración. Explica muy clarito como funciona el posicionamiento en CSS.

Saludos.

[Caminantejm]

Iniciado por jomaruro

Hola:

Léete el apote que hizo Mikmoro: pequeña guía de migración. Explica muy clarito como funciona el posicionamiento en CSS.

Saludos.

Lamento decir que, desde hace unas semanas, la he leído, releído, subrayado, estudiado y tenido en cuenta. Esta precisión que pregunto no la he encontrado. Si tú la ves, házmelo saber, por favor.

Saludos.
Caminantejm

[Willy_N]

Quizá en http://www.ignside.net/man/css/posicionamiento.php encuentras con más claridad la solución a tu problema.

Creo que te pasa lo que te pasa por no especificar la posición exacta del elemento con la propiedad position:absolute;. Por sí sólo no va a adivinar dónde exactamente quieres que aparezca.

Pero léete la guía e intenta aplicar las cosas que ahí vienen bastante bien explicadas.

[Caminantejm]

Iniciado por Willy_N

Quizá en http://www.ignside.net/man/css/posicionamiento.php encuentras con más claridad la solución a tu problema.

Creo que te pasa lo que te pasa por no especificar la posición exacta del elemento con la propiedad position:absolute;. Por sí sólo no va a adivinar dónde exactamente quieres que aparezca.

Pero léete la guía e intenta aplicar las cosas que ahí vienen bastante bien explicadas.

Sí, es verdad, en esta guía -que ya me he leído y estudiado- vienen muy bien explicadas las opciones pero precisamente ésta no viene. En otro manual he encontrado que, precisamente, esta opción que planteo se puede aprovechar para un cometido determinado, pero no lo veo bien. Incluso lo explica de un modo extraño. Es por esto que quiero saber si alguien se ha encontrado esta opción.
- De todos modos, he testeado que, casi todos los navegadores probados -Explorer, Crome, Safari- lo resuelven bien pero el único que se desmarca es Mozilla. Es decir, lo resuelven igual que si el parent no llevase top ni left.

Saludos.
Gracias de todos modos.
Caminantejm

[rex16]

Mira que en 5 dias este tema esta de cumpleaños ... perdon si hago mal en revivirlo, solo decir que la solucion es muy simple, estamos hablando de cajas "div" y quien pregunto estaba usando la etiqueta "span"... por lo tanto no hay cajas q posicionar...

[emprear]