Народ, всем привет. CSS-свойство position одно из самых недооценённых, но фундаментальных в вёрстке. Оно определяет, как элемент располагается на странице и к чему он «привязан», к родителю, к окну браузера или к самому себе. Многие разработчики годами используют position по наитию, не до конца понимая механику, просто копируют его из предыдущего блока. Предлагаю это исправить, и сегодня мы разложим всё по полочкам, без магии, только логика и примеры. Каждый HTML-элемент изначально располагается в потоке документа...

Если вы когда-нибудь заглядывали в мир создания сайтов или слышали, как ваш ребёнок с увлечением рассказывает о своих первых шагах в программировании, то наверняка встречали загадочные слова вроде «CSS», «позиционирование» и странные фразы с двоеточиями — position: absolute или position: relative. Давайте разберёмся, что скрывается за этими терминами, и сделаем это через знакомую всем аналогию с игрой. Представьте, что вы с ребёнком создаёте волшебный мир на листе бумаги или на игровом поле. В этом...