Простий спосіб притиснути блок до низу на css

Дана проблема спостерігається у сторінок, які передбачені для одного екрану, тобто сторінки повністю видно без прокручування. Нижній блок не притискається до низу вікна браузера і виглядає це не дуже красиво. Проблему легко вирішити за допомогою правильного застосування CSS властивостей і притиснути блок до низу.

Інші статті на тему CSS3:

У чому проблема: футер (нижня частина сайту) за замовчуванням стає відразу за основним контентом і не притискається до низу сторінки.

Як має виглядати після вирішення проблеми: притиснути футер до низу сторінки, якщо контенту не вистачає.

На зображенні нижче зліва відображена сторінка на якій нижня частина йде відразу за контентом (проблема), а праворуч сторінка з вирішеною проблемою, де нижній блок завжди притиснутий до низу.

На даній сторінці Ви можете подивитися сторінку, яка створена саме таким чином:

Якщо Ви хочете навчитися створювати продають сторінки з нуля, а не тільки підписні, тоді рекомендую свій міні-курс: "Лендінгем за 60 хвилин".

Як притиснути блок до низу?

1 HTML структура

Розглянемо все на простій структурі з 3-х блоків:

Для сайтів, які розраховані для одного екрану, це простий спосіб вирішити проблему і притиснути блок до низу на чистому CSS.

Якщо не виходить притиснути блок до низу: Ви можете звернутися до мене за допомогою, попередньо записавшись на SKYPE консультацію!