이 도표는 박스의 절대(absolute) 위치시킴(positioning) 효과를 설명한다.

문서 창에 각각 24px 높이의 1 - 8 수치가 붙은 줄들 보인다.
텍스트(text)가 "outer" 박스 밖에서 줄들 1와 줄 2 중간에 오른쪽으로 유동(float)한다.

"outer" 박스는 문서 창의 아래 오른쪽 사분의 일을 차지하도록 절대적으로 위치한다.
"outer"와 그 하위(descendant)의 모든 텍스트는 줄들 5 에서 8 의 뒷부분의 반을 점유한다.

다음 PRE 엘레멘트(element)에, 각 24 pixel 줄은 두 줄씩 띄워 묘사하였고,
그 두번째 시작에 해당 수치를 표시하였다.
수직 바(bar)들 유동된(floated) 박스(box)의 왼쪽 모서리(edge)를 나타낸다.
그 줄들은 이미지에서 나타나는 것과 같이:

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.

그 디폴트(default) 텍스트(text) 색상(color)은 검정이다.
"Start of outer contents"은 적색.
"Inner contents"은 청색.
"End of outer contents"은 적색이다.