title: Dynamic DIV height
body: <p>In the HEAD of the page I have</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      html {
          overflow: hidden
      }
      html, body, #centralDIvision {
          margin-left: auto;
          margin-right: auto;
          width: 1100px;
          height: 400px;
      }
      #centralDivision {
          float: left;
      }
      #outer {
          display: table;
          position: absolute;
          height: 100%;
          width: 100%
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>But instead of having the height of the centralDivision div equal to 400px, I'd like it to be 75% of the browser's current screen size. Is there a way for me to do this?</p>