Faites en sorte que le pied de page HTML reste en bas de la page avec une hauteur minimale, mais ne chevauche pas la page dans CSS
Cet article examinera:
- Comment faire un pied de page?
- Comment faire en sorte que le pied de page HTML reste au bas de la page?
Comment faire un pied de page?
Pour créer un pied de page, les utilisateurs peuvent soit utiliser un simple "«Élément ou un«" étiqueter.
Pour une meilleure conception, passez par la procédure fournie.
Étape 1: insérer
Tout d'abord, insérez une rubrique en utilisant n'importe quelle étiquette d'en-tête de "" pour "". Par exemple, nous avons utilisé le «”Tag pour ajouter un titre de niveau un.
Étape 2: Créer un conteneur «div»
Ensuite, créez un conteneur «div» à l'aide du «" étiqueter. Ajoutez également un attribut «classe» et attribuez-le le nom «contenu principal".
Étape 3: Créez un autre conteneur «div»
Maintenant, faites le prochain "div«Conteneur, et spécifiez«corps«Comme le«identifiant”Valeur d'attribut.
Étape 4: Créer un tableau
Utilisez le « Étape 5: Créer un pied de page Ensuite, créez un pied de page en insérant un autre «div"Conteneur et attribuez-lui une classe"bas de page»: Alternativement, l'utilisateur peut utiliser HTML "”Élément pour ajouter le pied de page dans la page HTML: Sortir Comment faire du pied de page HTML en bas de la page? Pour faire en sorte que le pied de page de page HTML reste en bas de la page, essayez les instructions ci-dessous. Étape 1: Style First «Div» Container Accéder au principal "div"Conteneur en utilisant la classe".contenu principal»Et appliquez les propriétés ci-dessous de CSS: Ici: Sortir Étape 2: Style Deuxième conteneur «div» Maintenant, accédez au deuxième élément «div» en utilisant le «identifiant" attribut "#corps". Ensuite, appliquez les propriétés CSS suivantes: La description du code ci-dessus est donnée ci-dessous: Sortir Étape 3: pied de page de style Si vous avez utilisé le «”Tag, alors il est accessible en utilisant le nom de la balise. Dans ce scénario, nous avons accédé au «div"Conteneur avec la classe".bas de page»: Après avoir accédé au conteneur «div», appliquez les propriétés CSS suivantes: On peut remarquer que le pied de page de la page est défini en bas de la page: Vous avez appris à faire en sorte que le pied de page de page reste en bas de la page avec la hauteur minimale. Conclusion Pour faire en sorte que le pied de page HTML reste en bas de la page avec la hauteur minimale, créez d'abord le pied de page en utilisant le «"Tag ou"”Élément en html. Ensuite, accédez au pied de page dans CSS par nom de balise ou classe ou identifiant. Ensuite, appliquez le «Position: absolue”Propriété pour faire du pied de page au fond de la page. Cet article a expliqué la méthode pour faire en sorte que le pied de page HTML reste au bas de la page. ”Tag pour faire une table dans le deuxième conteneur. Ensuite, ajoutez les éléments suivants entre le «
" étiqueter:
»Élément utilisé pour définir les lignes dans le tableau. "Est utilisé pour ajouter la tête de table. »Définit une cellule de données à l'intérieur du tableau pour insérer des données. Le pied de page de page reste en bas
Sujets en informatique Système opérateur DBM Réseaux informatiques Gestion de projet
bas de page
Position: relative;
Min-Height: 80%;
Color d'arrière-plan: bisque;
Texte-aligne: Centre;
rembourrage: 30px;
Padding-Bottom: 60px;
marge: 10px 80px;
Position: absolue;
en bas: 0;
Tableau de rembourrage: 10px;
Texte-aligne: Centre;
Largeur: 100%;
hauteur: 80px;
Contexte: RVB (134, 240, 139);