Проблема с позиционированием нижнего колонтитула CSS: остаемся внизу страницы ⇐ CSS

[Anonymous]

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

Вот соответствующая часть моего CSS-кода для нижнего колонтитула:

footer { позиция: абсолютная; внизу: 0; слева: 0; правильно: 0; выравнивание текста: по центру; цвет фона: черный; цвет: #fff; отступ: 10 пикселей 0; размер шрифта: маленький; дисплей: гибкий; гибкое направление: столбец; выровнять-элементы: по центру; } вот соответствующая часть моего HTML-кода для нижнего колонтитула:

©2023 Все права защищены | Этот сайт создан с помощью ♥ от XXXXXX.

Я понял, что мой тег нижнего колонтитула находится за пределами тега body в моем HTML-коде. Я исправил это, но проблема все еще существует. Я также проверил свой CSS, чтобы убедиться, что никакие другие стили не конфликтуют со стилями или элементами в моем HTML, которые могут повлиять на позицию.