Descrizione lunga che illustra il posizionamento assoluto rispetto al blocco contenitore iniziale

Questo diagramma illustra gli effetti del posizionamento assoluto di un riquadrato rispetto al blocco contenitore iniziale.

Viene mostrata la finestra di un documento, con 8 righe (numerate da 1 a 8), ciascuna alta 24px. Tutto il testo del corpo e di "outer" stato fatto fluire in righe nelle righe 1, 2, e 3. Il riquadrato "inner" stato posizionato a "-100, 200" relativamente alle coordinate "0, 0" (l'angolo superiore sinistro della finestra del documento). Gran parte dei contenuti del riquadrato "inner" sono perci resi al di fuori della finestra del documento.

Nel seguente elemento PRE, ogni riga di 24 pixel viene simulata da due righe, la seconda che comincia con il numero appropriato. Il testo a sinistra dei numeri di riga si trova fuori dal blocco contenitore iniziale. Le righe, come appaiono nell'immagine, contengono approssimatamente:


      1 Beginning of body contents. [@]Start

      2 of outer contents. End of outer

      3 contents. End of body contents.

      4

Inner 5

Conte 6 nts

      7                

      8                

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

Ritorna all'immagine.