Как создать контекст позиционирования

Контекст позиционирования создается с помощью свойства `position` со значением `relative`, `absolute`, `fixed` или `sticky`. Элемент с таким позиционированием становится контекстом для своих дочерних элементов с `position: absolute` или `fixed`. Пример: ```html ``` ```css .parent { position: relative; /* Создаем контекст позиционирования */ width: 300px; height: 200px; background: #eee; } .child { position: absolute; top: 20px; left: 30px; width: 100px; height: 50px; background: #f00; } ``` Важно: - По умолчанию контекстом является viewport - `position: static` не создает контекст - `transform`, `filter` и `will-change` также могут создавать новый контекст