Встречается на собеседованиях • сегодня
Что влияет на контекст позиционирования
Контекст позиционирования определяет, относительно какого элемента будет позиционироваться элемент с `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 */
}
```

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы