CSS2. Спецификация. Рекомендации W3C. 1998
Полное описание примера, иллюстрирующего абсолютное позиционирование
Диаграмма показывает действие абсолютного позиционирования бокса.
Изображено окно документа с 8 строками (пронумерованными от 1 до 8), каждая высотой 24px. Весь текст вне бокса "outer" расположен в строках 1 и 2.
Бокс "outer" позиционирован абсолютно и занимает нижнюю правую четверть окна документа. Весь текст в "outer" и его потомках занимает вторую половину строк с 5 по 8.
В следующем элементе PRE каждая строка в 24px симулируется 2 строками, имеющими соответствующий номер. Строки, как они выведены в изображении, содержат:
Beginning of body contents. End of 2 body contents. Start of outer contents. Inner contents. End of 8 outer contents.
По умолчанию цвет текста - чёрный. "Start of outer contents" красный. "Inner contents" - голубой. "End of outer contents" - красный.
