Спецификация CSS2

       

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


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

Показано окно документа из 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" - красный.



Содержание раздела