Como ancorar um DIV na parte inferior da página de um site

Passo 1

Digite o código DIV do rodapé básico em seu editor de HTML. O código deve ser semelhante a este:

Inserir conteúdo aqui.

Este é o código para o DIV que você deseja ancorar na parte inferior da página HTML.

Passo 2

Adicione uma regra de CSS à folha de estilo do contêiner, cabeçalho e rodapé de sua página. A folha de estilo CSS deve ficar assim:

.wrap {position: relative; margem: 0 auto; largura: 960px; }

cabeçalho, #footer {

largura: 100%; float: esquerda; }

A largura do contêiner de 960 pixels deve ser alterada para se ajustar às dimensões da página que você está criando.

Passo 3

Adicione código adicional para o CSS que se aplica somente ao DIV que você deseja ancorar na parte inferior da página. O código deve ficar assim:

footer {

posição: fixa; fundo: 0; índice z: 999999; }

Este código irá ancorar o DIV na parte inferior da página, independentemente do que é adicionado ou removido da página.