Sticky Footer Issue - Полоса прокрутки, появляющаяся на меньших экранах

Question

Я использую http://www.cssstickyfooter.com/ для нижнего колонтитула двух сайтов, над которыми я работаю. Кажется, все хорошо на большом мониторе, никаких проблем вообще.

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

рабочий пример этого вопроса here

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

Любые идеи о том, как я могу это исправить. Это также произошло на этом site Я сделал

Заранее спасибо.

Answer 1

Для нижнего колонтитула вам необходимо установить min-width. В настоящее время нижний колонтитул правильно настраивается на размер вашего экрана, даже если остальная часть содержимого больше не подходит на экране и добавлены полосы прокрутки.

Найдите ширину полосы прокрутки и установите для нее min-width нижнего колонтитула. Пример:

.footer { 
    min-width: 1000px; 
}