title: How to set top div height to the remaining height css
body: <p>I have a div <strong>positioned fixed</strong> at the bottom of the screen with <strong>fixed height of 200px;</strong> How can I set the div height on top of it <strong>to the remaining height</strong>?</p>
  
  <pre><code>&lt;div id="container"&gt;&lt;/div&gt;
  &lt;div id="wrap"&gt;&lt;/div&gt;
  
  body {
      padding: 0;
      margin: 0;
      color: #fff;
      font: 18px "bonvenocf";
  }
  
  #wrap {
      position: fixed;
      bottom: 0;
      text-align:center;  
      background: #1b1b1b;
      width: 100%;
      height:200px;
  }
  
  #container {
      width: 100%;
      background: #0084ff;
      min-height:320px;
  }
  </code></pre>
  
  <p>This is my fiddle: <a href="http://jsfiddle.net/8kLo0v9q/6/" rel="nofollow">http://jsfiddle.net/8kLo0v9q/6/</a></p>