Как расположить блок внизу CSS

Для того, чтобы расположить блок внизу страницы с помощью CSS, можно использовать свойство position и bottom.

Например, если нужно расположить блок с классом «footer» внизу страницы, можно задать ему следующие стили:

.footer {
  position: absolute;
  bottom: 0;
}

Это позволит блоку «прилипнуть» к нижней границе страницы и оставаться там, даже если страница прокручивается.

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

.parent {
  position: relative;
}

.footer {
  position: absolute;
  bottom: 0;
}

В этом случае блок будет прижат к нижней границе родительского элемента, а не к нижней границе страницы.