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

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

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

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