Как поднять блок вверх в 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 означает, что элемент остается в потоке документа, но его позиция может быть определена относительно его исходной позиции.