Отзывчивый нижний колонтитул всегда внизу ⇐ CSS

[Anonymous]

У меня проблемы, создавая отзывчивый нижний колонтитул, который всегда остается в нижней части страницы. Код, который я на самом деле использую: < /p>

Код: Выделить всё

body
{
margin: 0 0 200px; //Same height of the footer
}
footer
{
position: absolute;
left: 0;
bottom: 0;
height: 200px;
width: 100%;
overflow: auto;
background-color: rgba(67, 191, 115, 0.95);
}
< /code>

Я использую: < /p>


//Content


//Footer content

< /code>

Ну, проблема в том, что если я изменяю размер экрана, а содержимое больше, чем разрешение, которое нижний колоннет позволяет пустому пространству, например:
 < /p>

. Если я использую позицию: Исправлена ​​

Проблема исчезает, но я не хочу, чтобы нижний колонтитул следил за свитком. Я думаю, что проблема в ширине на 100 процентов. Нижний нижний колонтитул этого сайта, переполнение стека, работает так, как мне нужно. Если я изменяю размер окна, нижний колонтитул останется прежним, без белого пространства. Как это достичь? Как заставить нижний колонтитул покрывать всю ширину без пробела пустого пространства, даже если разрешение ниже, чем страница, которая происходит здесь, в переполнении стека?

Подробнее здесь: https://stackoverflow.com/questions/308 ... -in-bottom