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

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

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

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

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

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

.parent {
  position: relative;
}

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

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

реклама

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

реклама

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

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

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

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

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

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