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
Libérer: 2024-11-25 14:38:12
original
373 Les gens l'ont consulté

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;
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal