Destio небольшой блог

Фиксированный внизу футер

Часто встречаемая разновидность футеров — прилепленная к странице снизу. Чтобы он так там и висел, не наползая на остальные элементы и не отрываясь от днища, нужно добавить немного свойств к основным элементам страницы:

html {
    position: relative;
    min-height: 100%;
}
body { margin-bottom: 50px; }
footer {
    bottom: 0;
    height: 50px;
    position: absolute;
    width: 100%;
}

И чтобы margin-bottom у body совпадал с height у footer.

Хорошо работает c Bootstrap, из примеров к которому я это добро и скопировал.


Ближайшие сообщения:

Похожие сообщения:

Комментарии к этой записи отключены.