A simplicidade do CSS reside na sua facilidade de aprendizagem; a dificuldade do CSS reside em encontrar melhores soluções. No mundo do CSS, parece não existir perfeição. Portanto, o CSS introduzido agora é o fundo absoluto e é simplesmente a solução mais perfeita entre as soluções que vi até agora.
Vamos primeiro falar sobre por que usamos esta solução de layout inferior CSS:
Ao fazer uma página, se o conteúdo da página for muito pequeno e não for suficiente para preencher a área da janela de uma tela, de acordo com o layout normal, ficará parecido com a imagem abaixo (ou seja, o conteúdo inferior não está localizado na parte inferior da janela, mas deixa muito espaço em branco.
Isso é desagradável para um designer que procura imperfeição. Existem algumas soluções na Internet, mas ao alterar a altura da janela, a parte inferior e o texto principal se sobrepõem BUG. Embora muitas pessoas não se preocupem em alterar a altura da janela, o design tem tudo a ver com perfeição.
Aqui está um método relativamente perfeito que encontrei, que pode ser alcançado por um especialista em design estrangeiro usando CSS puro: Quando o conteúdo do texto é pequeno, a parte inferior fica na parte inferior da janela. Não haverá problemas de sobreposição ao alterar a altura da janela.
Até mesmo a pessoa que criou este CSS criou um site para apresentar esta solução de layout inferior CSS. Não sei se ele solicitou uma patente :)
Código HTML:
Nota: O pré-requisito para usar este layout é que o rodapé esteja fora do contêiner div geral. O rodapé usa uma camada e todo o outro conteúdo usa uma camada geral. Se você realmente precisar adicionar outras camadas irmãs, essa camada irmã deverá usar position:absolute para posicionamento absoluto.