title: CSS - Auto fill height
body: <p>Here's a js fiddle of what I currently have, I am trying to get the class panel-body to stretch to the entire window height of the page. It's using bootstrap.</p>
  
  <p><a href="http://jsfiddle.net/Y55af/" rel="nofollow">http://jsfiddle.net/Y55af/</a></p>
  
  <p>Sample css:</p>
  
  <pre><code>.mainContent{
      padding:20px;
  }
  .workplace_outter{
      width:100%;
      overflow-x:scroll;
  }
  .workplace_inner{
      white-space: nowrap;
  }
  .workplace_outter .panel{
      width:300px;
      margin-right:5px;
      display:inline-block;
  }
  </code></pre>
  
  <p>Sample HTML:</p>
  
  <pre><code>&lt;div class="mainContent"&gt;
      &lt;div class="workplace_outter"&gt;
          &lt;div class="workplace_inner"&gt;
              &lt;div class="panel panel-default"&gt;
                  &lt;div class="panel-heading"&gt;
                      Item
                  &lt;/div&gt;
                  &lt;div class="panel-body"&gt;
                      Item Body....
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>