Нет комментариев

теги: css

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 ₽

Настройка и сопровождение рекламного кабинета Яндекс Директ.

от 25000 ₽

Хотите получать заявки моментально? Вся наша команда и партнеры приступят к проекту, подключив также продвижение Авито. Подходит для тех, кого не удовлетворяет имеющийся объем продаж. Разработка сайта компании/каталог/магазин + Яндекс Директ / ВК реклама + СЕО продвижение + Авито продвижение.

от 189000 ₽

Как footer прижать к низу CSS

Есть несколько способов прижать footer к низу страницы с помощью CSS:

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
}

footer {
  margin-top: auto;
}

body {
  display: grid;
  grid-template-rows: 1fr auto;
  min-height: 100vh;
}

main {
  grid-row: 1 / span 1;
}

footer {
  grid-row: 2 / span 1;
}

В каждом из этих примеров footer будет прижат к низу страницы. Выберите тот, который лучше всего подходит для вашего проекта.