Как прижать footer к низу страницы?

09.05.2018 (обновлено: 02.06.2018)

Как прикрепить footer к низу экрана? Если контента у меня мало но футер поднимается вверх это не приятно совсем. Сайт на bootsrap

Если статья понравилась, то поделитесь ей в социальных сетях:

Дата публикации

09-05-2018

Автор

Сергей

Просмотры

1142

Избранное

Нравится

Комментарии (1)

Александр Мальцев 10 мая 2018, 17:18 +1

Если футер имеет определённую высоту, то можно так:

/* CSS */
html { height: 100%; }
body {
  min-height:100%; 
  position:relative; 
  padding-bottom: 70px; 
}
.footer { 
  position: absolute; 
  left: 0;
  right: 0;
  bottom: 0; 
  height: 50px; 
}

HTML:

<body>
  ...

  <footer class="footer>
    ...
  </footer>
</body>

Вы должны авторизоваться, чтобы оставлять комментарии.