title: Make div height the max-height of container div
body: <p>I have a container <code>&lt;div&gt;</code> which has a <code>max-height</code> property. This <code>&lt;div&gt;</code> contains another <code>&lt;div&gt;</code>, and I want the child <code>&lt;div&gt;</code> to grow to the maximum height of its container.</p>
  
  <pre><code>&lt;div id='parent'&gt;
    &lt;div id='child'&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is easy enough when the parent <code>&lt;div&gt;</code> has a <em>fixed</em> height, but I cannot find a solution for making the child <code>&lt;div&gt;</code> assume the <em>max-height</em> of the container. There is no padding or margin or anything to worry about - I simply need the child <code>&lt;div&gt;</code> to assume the <code>max-height</code> of the parent.</p>
  
  <p>How can I do this?</p>