Cum să fixezi footer-ul în partea de jos a paginii?

Question

Cum să fixezi footer-ul în partea de jos a paginii?

18 oct. 2017, 03:13:22

Vizualizări: 61.1K

Voturi: 5

Am nevoie ca footer-ul site-ului să rămână fixat în partea de jos a site-ului în orice moment.

În prezent, acesta stă în partea de jos a site-ului când există conținut pe pagină, dar când nu există conținut pe pagină, acesta (.site-footer) se ridică de la partea de jos spre mijlocul paginii vizibile, așa cum este reprezentat în această imagine:

Am reușit să răspund la propria întrebare și am postat procesul de descoperire mai jos:

Kelly

291

subsol

Comentarii

Afișează niște cod.

Samuel Asor

18 oct. 2017 03:14:08

Toate răspunsurile la întrebare

Comentarii

Am încercat să folosesc absolute fără succes, schimbarea la fixed a funcționat - dar înseamnă că footer-ul va rămâne fix la scroll, ceea ce e cam nasol

User

9 feb. 2018 11:51:50

Adaugă CSS pentru subsolul tău, asta va fixa poziția subsolului în partea de jos a paginii.

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

HeroWeb512

104

18 oct. 2017 07:50:57

Comentarii

Va fixa poziția footer-ului în partea de jos

HeroWeb512

18 oct. 2017 08:25:00

Kelly 291 · Accepted Answer · 2017-10-18T03:15:45Z

O căutare rapidă arată că această întrebare a fost adresată și răspunsă de multe ori.

De pe StackOverflow: Cum să fixezi footer-ul în partea de jos a paginii corect

De pe StackOverflow: Cum să obții ca footer-ul să rămână în partea de jos a paginii web

De pe CSS-Tricks: 5 metode diferite pentru a crea un footer lipicios

De pe Code Pen: Footer "Mereu în partea de jos"

De pe WordPress: Cum să fixezi footer-ul în partea de jos a ecranului?

Am folosit răspunsul de la WordPress pentru soluția mea:

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

Kelly

291

18 oct. 2017 03:15:45