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