title: How to stop parents of absolutely positioned elements from collapsing
body: <p>How can I stop the parent of an absolutely positioned element from collapsing?</p>
  
  <p>In the following code, the height of the outer div is 0:</p>
  
  <pre><code>&lt;div id="outer" style="position: relative;"&gt;
      &lt;div id="inner" style="position: absolute; height: 100px;"&gt;
          &lt;p&gt;This is the inner content.&lt;/p&gt;
      &lt;/div&gt;            
  &lt;/div&gt;
  </code></pre>
  
  <p>This is very similar to this question, <a href="https://stackoverflow.com/questions/218760/how-do-you-keep-parents-of-floated-elements-from-collapsing">How do you keep parents of floated elements from collapsing?</a>, which deals with floated elements, however I tried a few of the solutions (including the spacer, and clearfix class), and they don't work.</p>
  
  <p>Thanks!</p>