Footer positioning. Plz help

Question

HTML:
<footer></footer>

CSS:
body{
position:relative;
min-height:100vh;
}
footer{
position:absolute;
background-color:#000;
bottom:0;
width:100%;
height:10vh;
}

There is more code, but this is where the problem lies.
The footer is displayed two thirds of the way down on the page. The body is the parent of the footer. Any fix?

Answer 1

Jeremy Cruz here is a possibility

https://code.sololearn.com/WpjMpVtHSmxh/?ref=app

Answer 2

Jeremy Cruz if you look at my code you will see min-height as well as max-height

Answer 3

Maybe since the actual viewport height is more than window height you need to set min-height for body to 97vh or so ,hope it helps if I understood your problem right

Answer 4

There is one thing I found ,you can set body min-height to calc(100vh - 16px)

Answer 5

nope, didn’t work

Answer 6

why does the min-height change the outcome?