Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/12/2009, 20:00
Caminantejm
 
Fecha de Ingreso: julio-2009
Mensajes: 75
Antigüedad: 14 años, 8 meses
Puntos: 2
Position absolute y relative

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:
Ver original
  1. <span style="border: 2px solid fuchsia; position:relative; background-color:yellow">
  2. Caja padre con position relative no declarada.<br/>Segunda línea
  3. <span  style="position:absolute; background-color:brown">Caja hija position absolute no declarada.
  4. </span >
  5. </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:
Ver original
  1. <br/><br/>
  2. <span style="border: 2px solid fuchsia; position:relative; top: 2em; left: 2em; background-color:aqua">
  3. Caja padre con position relative declarada.<br/>Segunda línea
  4. <span  style="position:absolute; background-color:olive">Caja hija position absolute no declarada.
  5. </span >
  6. </span >


Saludos y gracias de antemano.
Caminantejm