Descrizione lunga per esempio che illustra il posizionamento assoluto

Questo diagramma illustra gli effetti del posizionamento assoluto di un riquadrato.

Viene mostrata la finestra di un documento, con 8 righe (numerate da 1 a 8), ciascuna alta 24px. Tutto il testo al di fuori del riquadrato "outer" è stato fatto fluire nelle righe 1 e 2.

Il riquadrato "outer" è posizionato in modo assoluto così da occupare il quadrante destro in basso della finestra del documento. Tutto il testo in "outer" e nei suoi discendenti occupa la seconda metà delle righe dalla 5 alla 8.

Nel seguente elemento PRE, ogni riga da 24 pixel viene simulata da due righe, la seconda che comincia con il numero appropriato. Le righe, come appare nell'immagine, contengono:


1 Beginning of body contents. End of 

2 body contents.

3

4

5                Start of outer

6                contents. Inner

7                contents. End of

8                outer contents.

Il colore predefinito del testo è nero. "Start of outer contents" è rosso. "Inner contents" è blu. "End of outer contents" è rosso.

Ritorna all'immagine.