2
respostas

[Sugestão] Rodapé no final da página

Estava com um "problema" porque meu rodapé ficava com um espaço embaixo porque só coloquei 2 redes sociais, então o conteúdo principal ficou menor. Queria que ele ficasse grudado no final da página.

Achei a solução em um vídeo https://www.youtube.com/watch?v=TaXql0h_wCA

Então no css, adicionei no

body { min-height: 100vh; }

E no

.rodape { position: sticky; top: 100%; }

Fica a sugestão se alguém estiver com a mesma dúvida.

Também achei um artigo da Alura sobre a propriedade position que coloquei no rodapé: https://www.alura.com.br/artigos/entenda-a-propriedade-position-css?gclid=Cj0KCQiA2-2eBhClARIsAGLQ2RlRr6DRPvuraGOLFZ5ELbjZqiwW-RvLDSTYUypoS_HB76RM-0LVNccaAum5EALw_wcB

2 respostas

boa noite, muito bom eu ja tive esse problema. Geralmente eu coloco min-heigth se a página for pequena mas se sua página for um pouco maior (com a barra de rolagem) ai ele fica quase que automático vc só precisaria definir uma altura.

Mas essas 2 maneiras funcionam muito bem :)

Obrigado, ajudou muito, estava testando varios tipos de posição e usos do css pra fazer isso e não achava de jeito nenhum.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software