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

Question

[Ренат]

Нужно чтобы было так (это сделать легко):

footer {
    position: absolute;
    bottom: 0;
}

Но если текст доходит до конца видимости страницы, нужно чтобы футер был после текста (то есть после прокрутки страницы)

Comments

[Ankhena]

Простейшая страница на гридах https://jsfiddle.net/k17pw6js/

Answer 1

[WapSter]

https://proweb63.ru/help/all-about-css/css-footer-...
Ты хоть искать решение пробовал?

Answer 2

[danila_prokopenko]

Флексы, гриды - из самого простого на данный момент.

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

А вообще я не понимаю, почему нельзя просто начать гуглить свой вопрос, с которым, очевидно, не ты один сталкиваешься?

Answer 3

[Никита Мануйлов]

body {
display: flex;
flex-direction: column;
height: 100%;
}

body > * {
flex-shrink: 0;
}

main {
flex-grow: 1;
}

Answer 4

[pavlo1234554321]

footer {
margin-top: auto;
}
ya dumayu luche bez absolute position.

Comments

[Ренат]

Answer 5

[Данил Полянский]

https://codepen.io/danil-polyan/pen/gOmzWqJ?editor...

Футеру не надо ничего задавать, он не header.