title: How to make the web page height to fit screen height
body: <p>I need to make my web page height to fit the height of the screen size without scrolling.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div id="main"&gt;
          &lt;div id="content"&gt;
  
          &lt;/div&gt;
          &lt;div id="footer"&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre class="lang-css prettyprint-override"><code>#content{ background-color:#F3F3F3; margin:auto;width:70%;height:700px;}
  #footer{width:100%;background-color:#666666;height:200px;}
  </code></pre>