Descripción extensa para el ejemplo ilustrando el posicionamiento absoluto

Este diagrama ilustra el efecto de posicionar absolutamente una caja.

Se muestra una ventana de documento, con 8 líneas (numeradas de 1 a 8), cada una de 24px del alto. Todo el texto fuera de la caja de "externo" fluye sobre las líneas 1 y 2.

La caja de "externo" está posicionada absolutamente de modo que ocupa el cuadrante inferior derecho de la ventana del documento. Todo el texto en "externo" y sus descendientes ocupan la segunda mitad de las líneas 5 hasta 8

En el siguiente ejemplo con un elemento PRE, cada línea de 24px es simulada por dos líneas, la segunda comienza con el número apropiado. Las líneas, tal como aparecen en la imagen, contienen:


1 El comienzo del contenido. Final

2 del contenido.

3

4

5                Este es el tema

6                externo. Tema

7                interno. Fin del

8                tema externo.

El color de texto predeterminado es negro. "Este es el tema externo" es rojo. "Tema interno" es azul. "Fin del tema externo" es rojo.

Volver a la imagen.