Maison >interface Web >tutoriel CSS >Comment réparer un pied de page en bas de page en HTML ?

Comment réparer un pied de page en bas de page en HTML ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-25 14:38:12387parcourir

How to Fix a Footer at the Bottom of the Page in HTML?

Correction du pied de page en bas de page en HTML

Dans votre code HTML, vous avez spécifié une classe nommée "pied de page" avec une couleur d'arrière-plan et un paramètre relatif positionnement. Cependant, le pied de page ne couvre pas entièrement la largeur de la page, laissant un espace en dessous.

Pour résoudre ce problème et fixer le pied de page en bas de la page, vous pouvez utiliser le code CSS suivant :

.footer {
  color: #fff;
  clear: both;
  margin: 0;
  padding: 0.75em;
  background: #000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #000;
}

Ce code applique les modifications suivantes :

  • Positionnement fixe : position : fixe et inférieure : 0 fixez le pied de page en bas de la page.
  • Pleine largeur : gauche : 0 et droite : 0 assurez-vous que le pied de page s'étend sur toute la largeur de la page.
  • Pas d'espace blanc : La suppression des marges et du remplissage empêche tout espace d'apparaître sous le pied de page.

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