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

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

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

  1. Александр Мальцев
    10 мая 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>
    
    Войдите, пожалуйста, в аккаунт, чтобы оставить комментарий.