Maison >interface Web >tutoriel CSS >Comment puis-je corriger le pied de page de mon site Web en bas de la page ?

Comment puis-je corriger le pied de page de mon site Web en bas de la page ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-09 18:14:15726parcourir

How Can I Fix My Website Footer to the Bottom of the Page?

Impossible de fixer le pied de page en bas de la page

Si vous rencontrez des difficultés pour fixer le pied de page de votre site Web en bas de la page, quel que soit le taille de l'écran, voici quelques solutions possibles :

Utilisez la position : fixe ; property.

La propriété position:fixed; peut être utilisée pour fixer un élément à une position spécifique sur l'écran, même lorsque la page défile. Pour utiliser cette propriété, ajoutez le code suivant à votre fichier CSS :

#footer {
  position: fixed;
  bottom: 0;
}

Utilisez la propriété margin-top: auto;.

La propriété margin-top: auto; peut être utilisée pour centrer un élément verticalement dans son conteneur parent. Pour utiliser cette propriété, ajoutez le code suivant à votre fichier CSS :

body {
  margin-top: auto;
}

Utilisez une combinaison de position : fixe ; et margin-top : auto ;propriétés.

Si vous souhaitez fixer le pied de page en bas de page et le centrer verticalement, vous pouvez utilisez une combinaison des propriétés position:fixed; et margin-top: auto;. Pour cela, ajoutez le code suivant à votre fichier CSS :

body {
  margin-top: auto;
}

#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn