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

position - это фундаментальное свойство CSS, которое позволяет определить, в каком месте браузер будет отрисовывать элементы. Свойство position обладает следующими значениями: Смещение блока: top, right, bottom и left По умолчанию значением этих свойств является auto. Мы можем использовать для задания положения, например, px или %. Используются в купе с нестатично спозиционированными блоками. Слои и z-index Иногда, сместив один блок относительно другого, они начинают "наезжать" друг на друга. Причём, не всегда так, как мы этого хотим...