Почему мой нижний колонтитул застревает посередине веб-страницы? ⇐ CSS

[Anonymous]

Я перепробовал все, но нижний колонтитул застрял посередине, я даже установил высоту тела на 100%/100vh. нижний колонтитул посередине (https://i.stack.imgur.com/qzp2i.png) CSS:

тело { дисплей: гибкий; гибкое направление: столбец; семейство шрифтов: «Poppins», без засечек; семейство шрифтов: «Праведный», без засечек; семейство шрифтов: «Робото», без засечек; } .navbar-nav ли а:hover { цвет: #536976 !важно; } .d-flex { ширина: 100%; } .footer { ширина: 100%; выравнивание текста: по центру; высота: 30 пикселей; маржа-верх: авто; позиция: абсолютная; внизу: 0 пикселей; } .footer р { поле сверху: 25 пикселей; размер шрифта: 12 пикселей; цвет: #fff; } .padding { отступ-верх: 20 пикселей; } .form-hide { поле: 0 пикселей; отступ: 0 пикселей; } .delete-btn { поле: 0 пикселей; отступ: 0 пикселей; } .panel-body { отступ: 15 пикселей; переполнение текста: многоточие; переполнение: скрыто; } .в соответствии { дисплей: встроенный; } .compose { маржа сверху: 50 пикселей; высота: расчет (100vh – 80 пикселей); } .почта { маржа сверху: 50 пикселей; } .содержание { дисплей: -webkit-box; \-webkit-line-clamp: 3; \-webkit-box-orient: вертикально; переполнение: скрыто; } .journee { фон: #536976; фон: -webkit-linear-gradient (справа, #484e76, #536976); фон: линейный градиент (слева, #484e76, #536976); \-webkit-background-clip: текст; \-webkit-text-fill-color: прозрачный; } нижний колонтитул:

© 2020 Авторские права: MDBootstrap.com