Schemat ten przedstawia efekt bezwzględnego pozycjonowania pola ("inner") względem bloku zawierającego ustanowionego przez względnie pozycjonowanego przodka ("outer").

Widoczne jest okno dokumentu zawierające 8 linii (ponumerowanych od 1 do 8). Każda z nich ma wysokość 24 pikseli. Tekst elementów "body" i "outer" został rozmieszczony w liniach 1, 2 i 3. Pole "inner" zostało ustawione względem górnej i lewej krawędzi pierwszego pola liniowego pola "outer".

W poniższym elemencie PRE każda 24-pikselowa linia jest symulowana przez dwie linie. Druga zaczyna się odpowiednim numerem. Krawędzie odniesienia dla pozycjonowania pola "inner" zostały wyróżnione grubą przerywaną linią. Współrzędne lewego górnego rogu pola "inner" zostały oznaczone jako (+200, -100). W poniższym elemencie PRE krawędzie odniesienia pola "inner" są oznaczone przez pionowe kreski i znaki równości. Przesunięcie pola "inner" zostało podane w nawiasach kwadratowych. Linie tekstu widoczne na obrazie to:

                        ====
                             |
1 Beginning of body contents.|Start
2 of outer contents. End of outer
3 contents. End of body contents.
4          [(+200, -100)]
5                Inner
6                contents.
7
8

Domyślny kolor tekstu to czarny. Tekst "Start of outer contents" jest czerwony. Tekst "Inner contents" jest niebieski. Tekst "End of outer contents" jest czerwony.

Powrót do rysunku