title: How do you wrap divs inside a parent div in a flexbox layout?
body: <p>I'm trying to get a flexbox with a navigation header and a scrollable content area to work correctly. The area I want to be able to do this is part of a larger page that includes other elements, so I'm interested in wrapping the flex area in a parent tag so only these two elements are affected.</p>
  
  <p>I'm so close! Here's the fiddle of what I've done so far: <a href="http://jsfiddle.net/AurumPotabile/pv9abdax/" rel="nofollow">http://jsfiddle.net/AurumPotabile/pv9abdax/</a></p>
  
  <p>The demo has exactly the functionality I'm looking for, but the structure is off because right now it seems to require the <code>html, body</code> style. As soon as I uncomment the opening and closing <code>flexArea</code> tags in the HTML and change the style reference accordingly I lose the percentage sizing on <code>dbList</code> that forces it to expand to the window's height.</p>
  
  <p>How do I wrap the flexible divs so <code>dbList</code> retains the sizing I'm looking for?</p>