Keylei
@Keylei

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

60bb843fd6802807342127.png
Нужно чтобы было так (это сделать легко):
footer {
    position: absolute;
    bottom: 0;
}

Но если текст доходит до конца видимости страницы, нужно чтобы футер был после текста (то есть после прокрутки страницы)
  • Вопрос задан
  • 88 просмотров
Решения вопроса 3
@danila_prokopenko
Флексы, гриды - из самого простого на данный момент.

falbar.ru/article/luchshij-sposob-prizhat-futer-is...

А вообще я не понимаю, почему нельзя просто начать гуглить свой вопрос, с которым, очевидно, не ты один сталкиваешься?
Ответ написан
nomenEst
@nomenEst
Сила гугла
body {
display: flex;
flex-direction: column;
height: 100%;
}

body > * {
flex-shrink: 0;
}

main {
flex-grow: 1;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@pavlo1234554321
footer {
margin-top: auto;
}
ya dumayu luche bez absolute position.
Ответ написан
@danil_polyan
Верстальщик, Front-End разработчик
https://codepen.io/danil-polyan/pen/gOmzWqJ?editor...

Футеру не надо ничего задавать, он не header.
Ответ написан
Ваш ответ на вопрос

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

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