создание и продвижение сайта (вбиваю в ТОП-10, как гвозди)Настройка и сопровождение платной рекламы яндекс.директ

CSS 2

Полное описание примера относительного позиционирования

Полное описание примера относительного позиционирования

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

Показано окно документа из 8 строк (пронумерованных от 1 до 8) по 24px высотой каждая. Текст бокса "outer" (с конца строки 1 до половины строки 2, и частично на строке 3) сдвинут вверх на 12px. Текст бокса "inner", хотя и сдвинут также вверх, позиционирован относительно таким образом, что расположен что расположен своей нормальной позиции с конца строки 2.

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

Start 1 Beginning of body contents. 2 of outer contents. Inner contents. 3 End of outer contents. 4 End of body 5 contents.

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

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

Отвечу на любые вопросы. С уважением, Дмитрий Владимирович.

Ваше письмо×
Free Web Hosting