Мой Справочник | CSS | Блочная вёрстка | Футер

Как прижать футер ко "дну страницы", если контент не растягивает страницу по высоте?

Предположим, что на странице высота футера равна 100px.

1. Убираем отступы у html и body, задаём высоту 100%
   html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}
2. Создаём обёртку wrapper, обварачиваем ей все содержимое body кроме footer и задаём отрицательный margin-bottom равный высоте футера
   .wrapper {
    min-height: 100%;
    margin-bottom: -100px;
}
3. Создаём empty-block в конце контентной части, равный высоте футера, чтобы последний не перекрывал видимый контент
   .empty-block {
    height: 100px;
}
4. Если нужно подстроить, то регулируем margin-bottom у wrapper и height у empty-block

Второй способ