Cum să ancorați un DIV în partea de jos a paginii unui site

Pasul 1

Introduceți codul DIV de subsol de bază în editorul dvs. HTML. Codul ar trebui să pară similar cu acesta:

Inserați conținut aici.

Acesta este codul pentru DIV pe care doriți să îl ancorați în partea de jos a paginii HTML.

Pasul 2

Adăugați o regulă CSS în foaia de stil pentru containerul, antetul și subsolul paginii dvs. Foaia de stil CSS ar trebui să arate astfel:

.wrap {position: relative; marja: 0 auto; lățime: 960px; }

header, #footer {

lățime: 100%; float: stânga; }

Lățimea containerului de 960 de pixeli trebuie modificată pentru a se potrivi dimensiunilor paginii pe care o creați.

Pasul 3

Adăugați un cod suplimentar pentru CSS care se aplică numai la DIV pe care doriți să îl ancorezi în partea de jos a paginii. Codul ar trebui să arate astfel:

footer {

poziție: fixă; fund: 0; z-index: 999999; }

Acest cod va ancora DIV-ul în partea de jos a paginii, indiferent de ceea ce este adăugat sau eliminat din pagină.