Как прижать футер к низу? [дубликат]

233
19 декабря 2017, 16:35

На данный вопрос уже ответили:

  • Прижать футер к низу страницы 3 ответа

Я не как не могу прижать футер к низу. В чем может быть проблема?

При маленьком разрешении экрана он прижат к низу, но когда уменьшаем масштаб страницы он не остается внизу.

#footer {
position:relative;
bottom:0;
width:100%;
}

Answer 1

Надо прописать абсолютное позиционирования к футеру. 

position: absolute;

Но вообще лучше с этим не играться, и перейти в конце концов на flex-box, можно начать с bootstrap 4.

Answer 2

Незнаю почему min-height: 100%; не действовало.

Решил проблему прописав min-height: 100vh:

body {
    min-height: 100vh;
}
READ ALSO
Flexbox вёрстка. Margin
CSS

Flexbox вёрстка. Margin

1) Пытаюсь сверстать navbar на flexbox, на float-ах было бы проще сделать то, что я хочу, но стараюсь всё делать именно на flexboxТак вот, вопрос: можно ли как-то...

 229
Повторяющийся фон задаваемый символом?
CSS

Повторяющийся фон задаваемый символом?

Есть ли возможность средствами CSS задать фон из повторяющегося символа? (Разумеется не превращая данный символ в jpg, png, svg

 251
Есть ли класс wrapper для bootstrap?
CSS

Есть ли класс wrapper для bootstrap?

Есть ли в bootstrap обертка (wrapper) для странички(HTML)? Может быть неправильно задал вопрос, но мне нужно сделать общий padding для странички

 243
Javascript/JQuery добавить class к каждому элементу внутри tr таблицы
CSS

Javascript/JQuery добавить class к каждому элементу внутри tr таблицы

Подскажите, как добавить для такой таблицы для каждого элемента <tr class="tr_elem"> добавить класс openНо добавить только к рамках текущего `

 278