Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить position: relative?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`position: relative`** залишає елемент у звичайному потоці, але дозволяє зміщувати його відносно власного початкового положення за допомогою `top`, `right`, `bottom`, `left`. **Ключове:** елемент залишається в потоці, але може бути зсунутий відносно свого початкового положення, і стає орієнтиром для вкладених `position: absolute`.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`position: relative` залишає елемент у звичайному потоці, але дозволяє **зміщувати його відносно власного початкового положення** за допомогою `top`, `right`, `bottom`, `left`. Особливості: - елемент **залишається на своєму місці в потоці**, логічно не перекриває сусідів; - зміщення відбувається **візуально**, але простір під елемент залишається на старому місці; - елемент стає **орієнтиром для абсолютного позиціонування** вкладених `position: absolute`. Приклад: ```css div { position: relative; top: 10px; /* зсув вниз */ left: 20px; /* зсув вправо */ } ``` Підсумок: `relative` - це режим, при якому елемент залишається в потоці, але може бути зсунутий відносно свого початкового положення.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.