title: How to apply 100% height to div?
body: <p>I want to make the last/third div to be filled the whole remaining space. I given the 100% height but there is scroll bar is coming, which i dont want to show. I there any CSS solution for same. if not possible from css then the jQuery/JS solution will be fine.</p>
  
  <pre><code>&lt;html style="height:100%"&gt;
  &lt;head&gt;
      &lt;style type="css"&gt;
          html , body {
              width:100%; height:100%;
              padding:0px;
              margin:0px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body style="height:100%;padding:0px;margin:0px;"&gt;
      &lt;div style="height:100%;width:100%"&gt;
          &lt;div style="height:100px;background-color:#ddd"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;div style="height:25px;background-color:#eee"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;div style="display:block;height:100%;background-color:#ccc"&gt;&amp;nbsp;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>