создать новую среду позиционирования для вложенных тегов. Например, тег <hl>
в примере в начале этого раздела является владельцем тега <img>, который находится
внутри его. При установке относительного позиционирования тега <hl>
любое абсолютное позиционирование, которое выприменитек тегу <img>, будет
определено относительно четырех сторон заголовка <hl>, а не окна браузера. Код
CSS выглядит следующим образом:
hl { positioп: relative;
hl img {
position: absolute:
top: 0:
right: 0:
Установка свойствам top и ri ght изображения значения О перемещает его в верхний
Правый угол заголовка, а не окна браузера.
В CSS термин <<относительныЙ!> (relative) означает не совсем то же самое, что
в реальном мире. Все же, если вы хотите поместить тег <img> относительно тега <hl>,
Вашей первой мыслью может быть определение для изображения относительного
Позиционирования. На самом деле элемент, который вы хотите разместить, - изображение
- получает абсолютное позиционирование, в то время как элемент,
как работают CJ!OЙcr&a позиционирования 387
Относительно которого вы хотите определить изображение, - заголовок - получает
значение relative. Представьте, что relative означает ~относительно меня•.
