Привет всем, помогите плиз, я не пойму, у меня элемент

Question

Привет всем, помогите плиз, я не пойму, у меня элемент

футер находиться выше чем предидущий блок и он типа за ним.
То есть блоки не стают друг за другом на странице. Как это исправить?

<main> // display: block;
<header class=“d-flex justify-content-center”>…</header>
<section>…</section> // height: 100%;
<footer>…</footer> // display: block;
</main>

И результат выходит такой как на скрине.
Как сделать что бы футер был внизу экрана, но если элементы не толкают его то был прибит к низу экрана?