title: Parent Div to Keep the Height of Tallest Child
body: <p>I've been Googling potential solutions but as yet cannot find one that fits the brief.</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;div class="child1"&gt;I'm 60px tall and visible; my parent is 100px tall&lt;/div&gt;
      &lt;div class="child2"&gt;I'm 80px tall and hidden until needed&lt;/div&gt;
      &lt;div class="child3"&gt;I'm 100px tall and hidden until needed&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <ul>
  <li>I need to have a number of child Divs with a parent Div.</li>
  <li>Only one child will show at any time.</li>
  <li>The parent Div must always remain the same height as the tallest child and never expand or
  contract.</li>
  </ul>
  
  <p>I'll use jQuery to change the css of the visible child but I'd prefer a CSS solution to the height if possible.</p>
  
  <p>No IE8/9/10 to support.</p>
  
  <p>Anyone got ideas?</p>