CSS для фиксированного нижнего колонтитула

У меня довольно простая HTML-страница. Код выглядит следующим образом:

 
Body text goes here.
Copyright information

Обычно мой текст тела довольно большой. Текст достаточно велик, что требуется полоса прокрутки. Похоже, что нижний колонтитул сидит поверх текста внизу. Затем, когда я прокручиваю вниз, нижний колонтитул не фиксируется. Что я делаю не так?

спасибо

Требуется position:fixed; в нижнем колонтитуле:

  
Body text goes here.
Copyright information

Изменить position: absolute нижнего колонтитула в position: fixed .

http://jsfiddle.net/SUQuX/

Зачем? Это объясняет, как они отличаются https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/. Я думаю, что в вашем случае проблема заключается в том, что absolute элемент прикрепляется к телу, таким образом он будет прокручиваться с телом.

position: fixed использования position: fixed а не position: absolute .

 

Зачем? Это объясняет, как они отличаются https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/. Я думаю, что в вашем случае проблема заключается в том, что абсолютный элемент прикрепляется к телу, таким образом он будет прокручиваться с телом.

Я пишу этот ответ, потому что думаю, что это может помочь кому-то в будущем. Я столкнулся с проблемой даже после определения height margin-bottom колонтитула и margin-bottom части тела. Проблема в том, что если у вас есть отзывчивый сайт, где высота нижнего колонтитула динамически изменяется в зависимости от размера экрана, у вас будет перекрытие содержимого. Чтобы решить эту проблему, я использовал jQuery – сохраняйте все настройки одинаковыми, за исключением margin-bottom для body и height margin-bottom колонтитула.

 var footerHeight = $('#main_footer').outerHeight(); // get the footer height excluding margin $('#main_footer').css('height', footerHeight + "px"); $('body').css('margin-bottom', footerHeight + 10 + "px"); 

Это всегда будет поддерживать нижний колонтитул снизу даже при изменении высоты нижнего колонтитула, и не будет никакого содержимого по притирке.