• HTML
  • CSS

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

Сергей
Сергей
10.5K
1

Подскажите, как мне прикрепить footer сайта к низу экрана? Если контента у меня мало, то футер поднимается вверх. Это не хорошо выглядит. Верстка сайта выполнена на Bootstrap.

Комментарии: 1

Александр Мальцев
Александр Мальцев
10.05.2018, 17:18
Если футер имеет определённую высоту, то можно так:
/* 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>