HTML5 + CSS3

Верстка сайта на HTML5 и CSS3

13 уроков 65 заданий Справочник Компилятор

#3 - Крепление футера к низу сайта

#3 - Крепление футера к низу сайта


HTML5CSS3

На многих сайтах футер находиться не прикрепленным у низу страницы. Это видно, если контент не заполняет всю высоту страницы. В этом уроке мы сделаем крепление футера к низу страницы сайта.

Видео урок:

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Прикрепить футер
Вашей задачей является поиск путей прикрепления футера другими способами. К примеру, вы можете воспользоваться свойством flex или же position со значением absolute. Оба эти методы также работают и позволят прикрепить футер к низу страницы.
Посмотреть ответ
Вы можете выбрать другой способ прикрепления футера, к примеру через свойство flex:
footer {
    position: absolute;
    left: 0;
    bottom: 0;
}
Отличный современный способ это использование flexbox, читайте тут.

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы получить большое задание. Такие задания есть к каждому курсу. В них входит задание, методика решения, а также "Готовое решение".
PS: подобные задания доступны при подписке от 1 месяца!


HTML5CSS3

Также стоит посмотреть