Позиционирование элементов с помощью css position

Опубликовано: 18 Март 2026
на канале: Webpacman
207
18

Как переместить элемент на странице в любую точку экрана? Или, может, зафиксировать его в определённой точке? С этим поможет css свойство position. Сегодня подробно познакомимся с данным свойством и его значениями.

Поддержать канал:
https://www.tinkoff.ru/rm/shevchuk.vi...
https://www.donationalerts.com/r/webp...

Подписывайтесь и ставьте лайк, приятного просмотра!
Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы!
https://t.me/webpacman

------------------------------------------------

Ссылки:
https://developer.mozilla.org/en-US/d...

Тайминг:
00:00 - Введение
02:03 - Позиционирование по умолчанию
03:30 - position relative. Свойства top, right, bottom и left
06:49 - position static - сброс позиционирования
07:33 - position absolute - абсолютное позиционирование
11: 54 - Создаём пример popup элемента
15:09 - position sticky - прилипание к блоку
16:44 - position fixed - фиксирование элемента на странице
17:36 - Кнопка обратной связи с помощью position fixed

Музыка:
Dead Pacman by N3rgul

Track: Max Brhon - The Future [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • Max Brhon - The Future | House | NCS - Cop...  
Free Download / Stream: http://ncs.io/TheFuture

------------------------------------------------

Привет! Меня зовут Виталий Шевчук, я веб-разработчик. Свой путь в разработке сайтов я начал ещё в школе, создавая форумы для игр. К текущему времени я получил много опыта в разработке сайтов и очень хочу им поделиться с вами!

------------------------------------------------

Telegram: https://t.me/webpacman
Сайт: http://vshevchuk.ru/

Теги: #css #css3 #css3tutorial #cssposition