title: Auto height of table-row
body: <p>In <a href="http://jsfiddle.net/gGpNw/" rel="nofollow">JSFiddle example</a> you can see 2 table-rows. I need the first one's height to be set automatically. Second one's height need to be set to the bottom of the page.
  But the browser sets table row height as 50%...</p>
  
  <pre><code>.table {
      display: table;
      table-layout: auto;
  }
  html,body {
      height: 100%;
      min-height: 100% !important;
  }
  
  .row {
      display: table-row;
      border: 1px solid black;
  }
  </code></pre>