Description longue d'un exemple de positionnement absolu

Ce dessin montre les effets d'un positionnement absolu d'une boîte.

Il y a une fenêtre de document dont les 8 lignes, numérotées de 1 à 8, ont une hauteur de 24px. Tout le texte en dehors de la boîte de "Externe" est rangé dans les lignes 1 et 2.

La boîte de "Externe", en position absolue, est située dans le quart inférieur droit de la fenêtre du document. Tout le texte contenu dans "Externe" ainsi que ses descendants occupe ce quadrant aux lignes 5 à 8.

En utilisant une transcription avec un élément PRE, chacune des lignes de hauteur 24px est simulée avec deux lignes, la seconde commençant ave un numéro approprié. Voici les lignes de texte telles qu'elles apparaissent dans l'image :


1 Début du corps du contenu. Fin du corps 

2 du contenu.

3

4

5                Début du contenu

6                d'Externe. Contenu

7                d'Interne. Fin du

8                contenu d'Externe.

Par défaut, la couleur du texte est noire. L'expression "Début du contenu d'Externe" est en rouge. L'expression "Contenu d'Interne" est en bleu. L'expression "Fin du contenu d'Externe" est en rouge.

Retour vers l'image.