Comment puis-je positionner une division au bas du contenu d'une page défilante sans utiliser « position : fixe » ?

Positionnement d'un div en bas du contenu de la page avec des barres de défilement

Contrairement aux méthodes traditionnelles qui ancrent un div au bas de la fenêtre, vous recherchez une solution où le pied de page reste fixé à la base du contenu, même lorsque des barres de défilement sont présentes. Pour compliquer les choses, le div #footer ne doit pas présenter un positionnement fixe.

Pour y parvenir, la fonctionnalité précise dont vous avez besoin peut être obtenue via le CSS suivant :

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

Position : fixe désigne un élément qui reste en place pendant le défilement de la page, garantissant que le pied de page reste ancré au bas du contenu.

En définissant bottom sur 0, nous ancrons le pied de page jusqu'à l'extrémité la plus basse de la fenêtre, garantissant qu'il reste aligné avec la base du contenu de la page.

Enfin, width : 100 % garantit que le pied de page s'étend sur toute la largeur de la page, créant ainsi l'effet souhaité.

Voici une démonstration en direct : https://jsfiddle.net/uw8f9/

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!