Полное изложение примера безусловного позиционирования касательно исходного содержащего блока

На диаграмме показано действие безусловного позиционирования касательно исходного содержащего блока.

Показано окно документа из 8 строк (пронумерованных от 1 до 8) по 24px высотой вся. Каждый текст body и "outer" размещен на строках 1, 2 и 3. Бокс "inner" позиционирован "-100, 200" касательно координат "0, 0" (левого верхнего угла окна документа). Огромная часть содержимого бокса "inner" следственно помещена за пределами окна документа.

В дальнейшем элементе PRE вся строка в 24 пикселов симулируется двумя строками, которые пронумерованы. Текст слева от номеров строк находится за пределами исходного содержащего блока. Строки изображения содержат приблизительно следующее:

      1 Beginning of body contents. [@]Start

      2 of outer contents. End of outer

      3 contents. End of body contents.

      4

Inner 5

Conte 6 nts

      7                

      8                

По умолчанию цвет текста - чёрный. "Start of outer contents" -алый. "Inner contents" - голубой. "End of outer contents" - алый.

Вернуться к изображению.