Как закрепить футер внизу страницы CSS

Для закрепления футера внизу страницы можно использовать следующий CSS-код:

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

Этот код задает футеру фиксированную позицию внизу страницы, при этом он будет занимать всю ширину страницы. Если вы хотите добавить отступы сверху и снизу, то можно использовать свойства padding-top и padding-bottom. Например:

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
реклама

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

реклама

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

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

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

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

Закажите услугу Как закрепить футер внизу страницы CSS

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