How to make the web page height to fit screen height

Question

I need to make my web page height to fit the height of the screen size without scrolling.

HTML

Answer 1

Don't give exact heights, but relative ones, adding up to 100%. For example:

  #content {height: 80%;}
  #footer {height: 20%;}

Add in

 html, body {height: 100%;}