Como ancorar um DIV na parte inferior de uma página

Para ancorar um DIV na parte inferior de uma página HTML, você precisará usar um CSS. CSS significa Cascading Style Sheet e refere-se às fontes, cores e posicionamento dos elementos do documento HTML e do site representado. Ajustando a posição dentro do CSS, você pode ancorar o elemento ou DIV em um local específico se o posicionamento estiver definido como fixo. Dessa maneira, outros elementos da página funcionarão dependendo do elemento, mas o DIV especificado permanecerá ancorado no local.

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

Passo 1

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

Insira o conteúdo aqui.

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

Etapa 2

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

.wrap {posição: relativa; margem: 0 carro; largura: 960 px; }

cabeçalho, #footer {

largura: 100%; flutuar: 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.

Etapa 3

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

rodapé {

posição: fixa; inferior: 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.

Referências

 

Você pode estar interessado:

Deixe um comentário