CSS 2

CSS 2

Создание и раскрутка сайтов

Вбиваю в ТОП-10, как гвозди

8-965-148-98-02, diplom07@mail.ru

Создание и раскрутка сайтов

Вбиваю в ТОП-10, как гвозди

8-965-148-98-02, diplom07@mail.ru

CSS 2

CSS 2

www.homa.xp3.biz Полное описание примера, иллюстрирующего позиционирование относительно позионированного предка

Полное описание примера, иллюстрирующего позиционирование относительно позиционированного предка

Диаграмма иллюстрирует абсолютное позиционирование бокса ("inner") относительно содержащего блока, установленного относительно позиционированным предком ("outer").

Изображено окно документа с 8 строками (пронумерованными от 1 до 8), каждая высотой 24px. Весь текст body и "outer" расположен в строках 1, 2 и 3. Бокс "inner" позиционирован относительно верхнего и левого краёв первого инлайн-бокса элемента "outer".

В следующем элементе pre каждая строка в 24 пикселов симулируется 2-мя строками, имеющими соответствующий номер. Соответствующие края позиционирования бокса "inner" обозначены на диаграмме толстым пунктиром. Верхние левые координаты бокса "inner" обозначены (+200, -100). В элементе pre ниже, соответствующие "inner" края обозначены вертикальными линиями и знаками =. Смещение бокса "inner" задано в квадратных скобках. Строки, как они выведены в изображении, содержат:

==== | 1 Beginning of body contents.|Start 2 of outer contents. End of outer 3 contents. End of body contents. 4 [(+200, -100)] 5 Inner 6 contents. 7 8

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

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

Отвечу на любые вопросы. С уважением, Дмитрий Владимирович: 8-965-148-98-02, diplom07@mail.ru.
Печатать страницу: CSS 2

Новое на сайте: О переделке сайта Консультации по сайту trim (функция обрезки пробелов в конце и начале переменной Передача переменных из JavaScript в PHP и наоборот Многоразмерные числа (BigInt) на JavaScript Генератор многоразрядных кодов Необходимость применения тяжелых CMS 16-ные числа Дробная часть числа и ее отделение Адрес страницы и условие для переменной Всплывающий текст с затемнением Использование памяти браузерами Расширения Chrome Короткие и ламповые цвета Всплывающее окно Рисунок, всплывающий по клику Принудительное открытие документа в новом окне

Сделать заказ сайта или продвижения сайта (CSS 2)
×

Ваше письмо