Description longue d'un exemple de positionnement flottant sans clear

Ce dessin montre les effets du positionnement flottant d'une boîte, notée "Interne", et l'écoulement de ses "pairs" ("Interne2") autour de celle-ci.

Il y a une fenêtre de document dont les 8 lignes, numérotées de 1 à 8, ont une hauteur de 24px. La boîte de "Interne" flottant à droite, le texte des autres boîtes s'écoule autour d'elle, y compris celui des boîtes de ses "pairs" (aux lignes 1 à 5).

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é. Des barres verticales représentent le bord gauche de la boîte flottée. Voici les lignes de texte telles qu'elles apparaissent dans l'image :


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

2 contenu d'Externe.      | Contenu

3 Contenu d'Interne2. Fin | d'Interne.

4 du contenu d'Externe. Fin du corps du
 
5 contenu.

Par défaut, la couleur du texte est noire. L'expression "Début du contenu d'Externe" est en rouge. L'expression "Contenu d'Interne2" 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.