Диаграмма показывает действие безусловного позиционирования бокса.
Изображено окно документа с 8 строками (пронумерованными от 1 до 8), всякая высотой 24px. Каждый текст вне бокса "outer" размещен в строках 1 и 2.
Бокс "outer" позиционирован безусловно и занимает нижнюю правую четверть окна документа. Каждый текст в "outer" и его потомках занимает вторую половину строк с 5 по 8.
В дальнейшем элементе PRE вся строка в 24 пикселов симулируется двумя строками, имеющими соответствующий номер. Строки, как они выведены в изображении, содержат:
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.
По умолчанию цвет текста - чёрный. "Start of outer contents" -алый. "Inner contents" - голубой. "End of outer contents" - алый.