How to pinch footer in MaterializeCSS?

Question

css

There is a css framework materilizecss. There is a footer on the site, but I want it to always be pressed to the bottom of the page, regardless of the amount of content, and also so that the footer itself is not on top of the text (position: abolute is not suitable).

<footer class="page-footer footer-bottom">
    <div class="footer-copyright">
        <div class="container">
            © 2017 Дмитрий Кузнецов</a>
            <a class="grey-text text-lighten-4 right" href="#!">More Links</a>
        </div>
    </div>
</footer>

How to do it? Tell me please.

Answer 1

https://jsfiddle.net/am1pcfm6/1/
Doesn't it work?

Answer 2

How to push the footer to the bottom of the browser window using CSS

Answer 3

In general, I usually do this:
for a block with content (without a header and footer), set the minimum height using calc
min-height: calc(100vh - X); - where 'X' is how many pixels, just change the number of pixels through the developer tools until the footer is straight and the scrollbar disappears.
No absolutes and other crutches, nothing runs over and with one
property /