Установите нижний колонтитул в нижней части браузера, независимо от высоты страницы

Question

1. На рисунке ниже представлен нижний колонтитул
2. Черная стрелка представляет расширяемый контент

Фрагмент Div выглядит следующим образом:

<div id="footer_wrap">
    <div id="footer-left"></div>
    <div id="footer-middle"></div>
    <div id="footer-right"></div>
</div>

Ширина всего нижнего колонтитула составляет 980px Высота нижнего колонтитула составляет 124px

Я использую Firefox.

Как я могу установить свойнижний колонтитул застрял в нижней части браузера независимо от высоты страницы.

Answer 1

http://www.cssstickyfooter.com/

Answer 2

Лично я считаю, что этот липкий нижний колонтитул намного надежнее, чем липкий нижний колонтитул css:

Человек в синем - footerStickAlt

Answer 3

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

   position: fixed;

   bottom: 0;

Answer 4

position: fixed;
bottom: 0;

Пример здесь