How to push the navbar to the bottom?

Question

css

Can you please tell me the best way to press the navbar to the bottom?

Answer 1

Right off the bat, I have two solutions:
1) We make the navbar position fixed and position it from the bottom, and set the bottom padding on the navbar height to the body or another block (as it will be according to the markup).
2) do something like this

<div class="wrap">
    <div class="content">Пустое серое пространство</div>
    <nav class="navbar">Навбар</nav>
</div>

and css

.wrap {
min-height: 100vh;
display: flex;
flex-direction: column
}

.content {
flex: 1
}

.navbar: {
height: /*высота*,
/* другие стили */
}