title: Adjust parents height to fit relative child
body: <p>When in work earlier today I ran into a problem that I'll encounter tomorrow morning, so trying to prepare myself!</p>
  
  <p>Essentially,</p>
  
  <pre><code>&lt;div class="holder"&gt;
      &lt;div class="element-1"&gt;&lt;/div&gt;
      &lt;div class="element-2"&gt; &lt;img&gt; &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>both elements are displayed side by side with equal with, and are inline block divs.</p>
  
  <p>element 2 has a position of relative and i've positioned it so it's half within holder and half out of it, using top: 200px. </p>
  
  <p>However, at the moment holder is the height of its largest child, which is element 2 - but it's not taken into account that element-2 has been positioned 200pxs from it's original state, leaving lots of spare space at the bottom of holder!</p>
  
  <p>Summary: I want holders height to take into account an element has been moved - hopefully this makes sense? </p>