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