Как сделать так, чтобы поле авторских прав располагалось внизу страницы ⇐ CSS

[Anonymous]

Я пытаюсь прикрепить этот HTML-контейнер к нижней части страницы (не к экрану, а к самой странице)

т.е. Страница, которая прокручивается на достаточную длину, и контейнер находится внизу, но также и страница, которая не требует прокрутки, контейнер все еще находится внизу.

У меня есть этот код:

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

.copyright-container {
box-sizing: border-box;
padding-right: 20px;
padding-left: 20px;
background-color: black;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
height: 150px;
color: white;
}

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

Copyright © 2017 RyanTeaches - All Rights Reserved.

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

Я также пробовал использовать «исправленное», но это означало, что контейнер все время оставался на экране.

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

Подробнее здесь: https://stackoverflow.com/questions/449 ... om-of-page