Как прижать подвал (footer) к низу экрана

Иногда «подвал» сайта отрывается от нижней части экрана. Обычно такое бывает, если страница как следует не наполнена, но случается и вариант, когда монитор имеет огромное разрешение.

В данном примере всё портил wrapper, но он нужен. Пришлось взять в оборот.

Теперь всё работает. Даже на IE 11 нормально смотрится.

html { height:100%; } 
body{ margin:0; padding:0; height: auto !important; height:100%; min-height:100%; } 
body > .wrapper{ display: block; height: auto !important; height:100%; min-height:100vh; } 
.wrapperin{ display: block; min-height:calc(100vh - 302px);

Вообще, в этом блоге подобные посты не планировались. Он заводился чисто под баллады о моих «походах в булошную». Но для полноценного поста этого кода мало, так что пусть будет тут.

 

Напишите комментарий