title: auto adjust container <DIV> height to accommodate absolutely positioned child <DIV>s
body: <p>is there a way to auto adjust container DIV height to accommodate absolutely positioned child DIVs?
  i'd like to get something like</p>
  
  <pre>
  +-----------------------+
  | container             |
  |  +------+   +------+  |
  |  | chld |   | chld |  |
  |  |   1  |   |   2  |  |
  |  |      |   |      |  |
  |  +------+   +------+  |
  |       +------+        |
  |       | chld |        |
  |       |   3  |        |
  |       |      |        |
  |       +------+        |
  +-----------------------+
  </pre>
  
  <p>i try something like:</p>
  
  <pre><code>&lt;div class="container" style="position: relative; border: solid thin"&gt;
      &lt;div class="chld" style="width: 20px; 
                               height: 20px; 
                               position: absolute; left: 5px; top: 5px;
                               border: dashed thin;"&gt;&lt;div&gt;
      &lt;div class="chld" style="width: 20px; 
                               height: 20px; 
                               position: absolute; left: 30px; top: 5px;
                               border: dashed thin;"&gt;&lt;div&gt;
      &lt;div class="chld" style="width: 20px; 
                               height: 20px; 
                               position: absolute; left: 15px; top: 30px;
                               border: dashed thin;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but the "container" div stays zero height. I understand, that this might be the expected behaviour, as elements are 'taken out' of the flow when positioned absolutely, but is there a workaround for this? (except for precalculating the resulting height and setting it manually)</p>