This question has already been answered:

Do they practice this "pressing" footer

content{min-height: calc(100vh - 80px);}

Or is old better?

 html, body { height: 100%; } .wrap { min-height: 100%; } footer { height: 100px; margin-top: -100px; }

Reported as a duplicate by user194374, aleksandr barakin , fori1ton , Alex , Denis on Jan 9 '17 at 6:35 .

A similar question was asked earlier and an answer has already been received. If the answers provided are not exhaustive, please ask a new question .

    1 answer 1

    Nowadays, the calc () function is not very common, it does not work in older browsers, for example, I very rarely met such a function, most use the old and proven css code 4 ways to press a footer , the table in which browsers the calc () function works is a link to the site .