Нижняя колонтитула нижнего колонтитула БЕЗ ЧИСТОГО ЧЕРТЕЖА

Question

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

Кто-нибудь еще нашел это и смог его решить?

Заранее спасибо :)

Answer 1

Это можно сделать с помощью всего лишь нескольких строк CSS. Предполагая, что вы используете <footer> элемент, применяются следующие свойства стайлинга:

footer { 
position: fixed; 
bottom: 0; 
left: 0; 
width: 100%; 
} 

И это все!

Answer 2

Я использую

#footer { 
position: relative; 
left: 0px; 
bottom: 0px; 
height: 150px; // whatever height you want 
width: 100%; 
} 

работает для меня