Why doesn't body stretch 100% vertically?

Question

css

tyts
as you can see the body and html on the floor of the screen, I tried all the ways with the min-height and so on
, the template was originally built incorrectly, now it’s a little streamlined, but the body is still on the half of the screen

Answer 1

html, body {
height: 100%;
padding: 0;
margin: 0;
}

Answer 2

Why do you need margin-top:120% for the footer? Do not press it down to the bottom.
I prefer this way myself.

body
{
    display: table;
}

body > div
{
    display: table-row;
height:0;
}

body > .content{
height:100%;
}

Answer 3

jsbin.com/yedima/3/edit?output