For div to extend full height

Question

Is there a method I can use for a div to extend to full height? I\'ve got a sticky footer in it as well.

Here\'s the web page: Website removed. The

Answer 1

In case also setting the height of the html and the body to 100% makes everything messier for you as it did for me, the following worked for me:

height: calc(100vh - 33rem)

The - 33rem is the height of the elements coming after the one we want to take full height, i.e., 100vh. By subtracting the height, we will make sure there is no overflow and it will always be responsive (assuming we are working with rem instead of px).