Comment coller le pied de page en bas de page?

Une recherche rapidemontre que cette question a étéposéeet répondueplusieursfois.

Depuis StackOverflow: Faire coller correctement lepied depage aubas de lapage

Depuis StackOverflow: Commentfaire coller lepied depage aubas de votrepage Web.

Àpartir de CSS-Tricks: 5façons différentes de créer unpied depage collant

Depuis Code Pen: Pied depage "Toujoursen bas"

Depuis WordPress: Commentfixer lepied depage aubas de l'écran?

J'ai utilisé la réponse WordPresspourma réponse:

 .site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}
 

A quick search shows this question has been asked and answered many times.

From StackOverflow: Make footer stick to bottom of page correctly

From StackOverflow: How to get the footer to stick to the bottom of your web page.

From CSS-Tricks: 5 different ways to make a sticky footer

From Code Pen: "Always on the bottom" Footer

From WordPress: How to make footer fixed to the bottom of the screen?

I used the WordPress answer for my answer:

.site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;   
}

Ajoutez du CSSpour votrepied depage,ilfixera laposition dupied depageen bas de lapage.

     .site-footer{
     position:fixed;
     bottom:0px;
     left:0px;
     right:0px;
     width:100%;
    }
 

Add CSS for your footer, it will fix the position of footer to the bottom of the page.

    .site-footer{
     position:fixed;
     bottom:0px;
     left:0px;
     right:0px;
     width:100%;
    }