@olya_097

Как сделать, чтобы footer всегда был прикреплен снизу?

Как сделать, чтобы footer всегда был прикреплен снизу?
  • Вопрос задан
  • 752 просмотра
Решения вопроса 1
@idkw13
dimox.name/press_footer_bottom_with_css
держи
5 вариант самый простой и самый актуальный
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@kova1ev
вот такой вариант можно попробовать
html
<body>
<div id="wrap">
  <div id="content">
     контент
  </div>
  <div id="footer">
     содержимое футера
  </div>
</div>
</body>


css
html, body {
  height: 100%
  padding: 0; margin: 0;
}

#wrap {
  height: 100%
  display: flex;
  flex-direction: column;
}
#footer {
  margin-top: auto;
}
Ответ написан
Комментировать
@survivor2005
Можно ещё все обернуть во wrapper, дать ему height 100%, display flex, flex - direction column, а для footer дать justify-self: flex-end
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы