Breaking News: Grepper is joining You.com. Read the official announcement!

como colocar o footer sempre no final da página

Ageu Menezes Costa answered on March 1, 2022 Popularity 5/10 Helpfulness 9/10

answer como colocar o footer sempre no final da página

como colocar o footer sempre no final da página

Comment

html, body {
margin: 0;
padding: 0;
height: 100%;
}
#wrapper{
min-height: 100%;
position: relative;
}
div.body-content{
  /** Altura do rodapé tem que ser igual a isso aqui e vice-versa **/
padding-bottom: 100px;
}
footer{
background: #ffab62;
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
}

Popularity 5/10 Helpfulness 9/10 Language css

Source: pt.stackoverflow.com

Tags: css final footer

Link to this answer
Share Copy Link