Всем привет, меня зовут Анна Блок, и эта статья будет посвящена довольно «острой» теме, которая связана с позиционированием элементов. Мы поговорим о свойстве position и его значениях: relative, absolute, sticky и fixed. Если ты постоянно задаешься вопросом, какое значение и в какой ситуации нужно использовать, то эта статья для тебя. Разбор начнём с теории и после опубликую примеры с кодом. Position Свойство position устанавливает способ позиционирования элемента относительно окна браузера или других элементов на web-странице...

Думаю что многие сталкивались с проблемой наложения одного элемента на другой (например, блок div, картинка), но не у всех получалось ее решить. Сегодня мы это исправим) Для начала нам нужно создать три блока с классами "block1, block2, block3", а также задать ширину и высоту для каждого из них. Каждый блок будет иметь свой цвет (в моем случае это черный, зеленый и синий) и сдвигаться один относительно другого (за счет относительного позиционирования). Вот что у вас должно получиться: С базовой подготовкой...