Как поднять блок вверх в CSS

Чтобы поднять блок вверх на странице, можно использовать CSS свойство margin-top или top.

Свойство margin-top задает отступ сверху для элемента. Положительное значение margin-top поднимает элемент вверх, отрицательное значение – опускает его вниз.

Например, чтобы поднять блок на 20 пикселей выше своего текущего положения на странице, можно использовать следующий CSS код:

.block {
  margin-top: -20px;
}

Свойство top задает позицию элемента относительно верхней границы его родительского элемента. Положительное значение top поднимает элемент вверх, отрицательное значение – опускает его вниз.

Например, чтобы поднять блок на 20 пикселей выше верхней границы его родительского элемента, можно использовать следующий CSS код:

.block {
  position: relative;
  top: -20px;
}

Здесь мы также используем CSS свойство position для задания позиционирования элемента. Свойство position: relative означает, что элемент остается в потоке документа, но его позиция может быть определена относительно его исходной позиции.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как поднять блок вверх в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали