Tudo bem,
Quero deixar o footer no final da pagina quando ela não tiver muito conteúdo. E quando ela for crescendo quero que o footer acompanhe e não se sobreponha em cima do conteúdo.
Como faço isso ?
Tudo bem,
Quero deixar o footer no final da pagina quando ela não tiver muito conteúdo. E quando ela for crescendo quero que o footer acompanhe e não se sobreponha em cima do conteúdo.
Como faço isso ?
Oi Daniel!
Você pode usar o flexbox, exemplo:
No HTML:
<body>
<div class="content">
content
</div>
<footer class="footer"></footer>
</body>
No CSS:
html {
height: 100%;
}
body {
min-height: 100%;
display: flex;
flex-direction: column;
}
.content {
flex: 1;
}
Era isso que você queria?