Как да закрепите DIV в долната част на страницата на уебсайта

Стъпка 1

Въведете основния кодов кодов кодов колонтитул във вашия HTML редактор. Кодът трябва да изглежда подобен на този:

Вмъкване на съдържание тук.

Това е кодът на DIV, който искате да закрепите в долната част на HTML страницата.

Стъпка 2

Добавете правило за CSS към стиловия лист за контейнера, заглавката и долния колонтитул на страницата си. Листът за стилове на CSS трябва да изглежда по следния начин:

.wrap {position: relative; марж: 0 автоматично; ширина: 960px; }

header, #footer {

ширина: 100%; плувка: ляво; }

Ширината на контейнера с 960 пиксела трябва да бъде променена така, че да съответства на размерите на страницата, която създавате.

Стъпка 3

Добавете допълнителен код за CSS, който се отнася само за DIV, който искате да закрепите в долната част на страницата. Кодът трябва да изглежда така:

footer {

позиция: фиксирана; дъно: 0; z-индекс: 999999; }

Този код ще коригира DIV в долната част на страницата, независимо от това, какво се добавя или премахва от страницата.