1
resposta

Problema com o footer

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 ?

1 resposta

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?