Как применял position: absolute

`position: absolute` вырывает элемент из нормального потока документа и позиционирует относительно ближайшего позиционированного предка (с `position: relative/absolute/fixed`). Если такого нет - относительно viewport. Пример: ```html ``` ```css .parent { position: relative; width: 300px; height: 200px; background: #eee; } .child { position: absolute; top: 20px; left: 30px; width: 100px; height: 50px; background: red; } ``` Основные кейсы использования: - Создание сложных многослойных интерфейсов (например, модалки, тултипы) - Точное позиционирование элементов внутри контейнера - Наложение элементов друг на друга (z-index) Важно помнить: - Абсолютный элемент не влияет на поток других элементов - Может вызвать перекрытие контента, если не учесть размеры - Лучше всегда задавать родителю `position: relative` для контроля области позиционирования