DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?

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

Даже если контента не хватает на заполнение всей страницы.
При этом у футера динамическая высота.

Использовал flex с вертиакальным выравниванием, но в ie (даже в 11) всё очень плохо.
  • Вопрос задан
  • 226 просмотров
Решения вопроса 3
@Just_Andrew
Ну как вариант, если ничего лучше не найдется
html,
body {
  height: 100%;
}
.wrapper {
  display: table;
  height: 100%;
}
.content {
  display: table-row;
  height: 100%;
}
Ответ написан
edalis
@edalis
HTML, CSS, JS, Node.js
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
@LiguidCool
position: absolute;
bottom: 0;

У блока с контентом отступ снизу.
Ответ написан
dom1n1k
@dom1n1k
гуглить по словам "sticky footer" - найдется множество материалов.
в частности, на CSS Tricks (кажется там) была исчерпывающая статья с разбором 5-6 вариантов решения.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы