Как прижать футер к низу

Author DeniDenx To read 3 min Views Posted on January 11, Updated April 3, Казалось бы, такое простое действие, но делается оно довольно часто. Многие разработчики упираются, а некоторые просто не знают, как прикрепить футер к нижней части страницы. В этой статье мы поделимся самым простым и быстрым способом сделать это. Для решения нашей проблемы мы будем использовать технологию flexbox.

Все, что вам нужно сделать, это разделить ваш код на две части. Первая часть нашего кода будет нижним колонтитулом, а вторая - всем остальным содержимым. Почему так? Давайте разберемся! Следующее действие, класс нижнего колонтитула и класс верха мы обернем в другой класс, у нас будет класс-обертка. Теперь вы знаете, как обернуть нижний колонтитул к нижней части страницы. Очень просто, не правда ли?

Быстро и красиво. Жаль, что так много разработчиков совершенно забывают об этом. Также хочу напомнить, что это не единственный способ прикрепить футер к нижней части страницы, есть и другие способы. Многие из вас могут задаться вопросом, зачем нам создавать отдельный класс-обертку и почему мы просто не задали эти параметры для body.

Почему мы это сделали?

Конечно, это можно сделать, и никто не мешает вам это сделать, но это считается дурным тоном. Старайтесь никак не манипулировать тегом body, лучше создайте еще один класс, ведь это не сделает ваш шаблон хуже. На этом пока все, надеемся, что это было полезно для вас. Мы только что опубликовали статью о языках программирования, рекомендуем вам прочитать ее, если вы интересуетесь этой областью, она может быть очень полезной для вас.

Навигация

Comments

  1. И все же! И всеже! Ща додумаю мысль. Или сделаю уроки на завтра… Одно из пяти, восьмому не бывать