Встречается на собеседованиях • сегодня

Что влияет на контекст позиционирования

Контекст позиционирования определяет, относительно какого элемента будет позиционироваться элемент с `position: absolute` или `fixed`. На него влияют: 1. **Свойство `position` родителя** – если у родителя `position: relative`, `absolute`, `fixed` или `sticky`, он становится контекстом позиционирования. 2. **Трансформации** – `transform` (кроме `none`) создает новый контекст. 3. **Фильтры** – `filter` (кроме `none`) также создает контекст. 4. **`will-change`** – если установлено `will-change: transform` или `will-change: filter`. 5. **`perspective`** – если значение не `none`. Пример: ```html
``` ```css .parent { position: relative; /* создает контекст */ transform: rotate(0deg); /* тоже создает */ } .child { position: absolute; top: 10px; /* позиционируется относительно .parent */ } ```
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы