10. CSS позиционирование — свойства position, top, right, bottom, left, z-index. Контекст наложения
Позиционирование элементов: разбор всех значений position в CSS
Всем привет, меня зовут Анна Блок, и эта статья будет посвящена довольно «острой» теме, которая связана с позиционированием элементов. Мы поговорим о свойстве position и его значениях: relative, absolute, sticky и fixed. Если ты постоянно задаешься вопросом, какое значение и в какой ситуации нужно использовать, то эта статья для тебя. Разбор начнём с теории и после опубликую примеры с кодом. Position Свойство position устанавливает способ позиционирования элемента относительно окна браузера или других элементов на web-странице...
Как работает position, отличия relative, absolute, fixed и sticky
Народ, всем привет. CSS-свойство position одно из самых недооценённых, но фундаментальных в вёрстке. Оно определяет, как элемент располагается на странице и к чему он «привязан», к родителю, к окну браузера или к самому себе. Многие разработчики годами используют position по наитию, не до конца понимая механику, просто копируют его из предыдущего блока. Предлагаю это исправить, и сегодня мы разложим всё по полочкам, без магии, только логика и примеры. Каждый HTML-элемент изначально располагается в потоке документа...