Rozpychanie o dzieci position:absolute

Mamy sobie oto kod:

<div id="tytan1" style="width:100px;min-height:100px;height:auto;border:1px solid black;overflow:hidden;box-sizing:border-box;">
   <div id="tytan2" style="width:50px;height:200px;border:1px solid black;position:absolute">
  </div>
</div>

Za pomocą tego, jak zrobić, by dziecko .id="tytan2" rozpychało rodzica id="tytan1" wysokością, a tutaj się to nie dzieje, mimo że: w id="tytan1" jest height:auto

position:absolute usuwa element z "przepływu dokumentu" (document flow), więc kontener już tego nie łapie.

Ale jak usuniesz position:absolute albo dasz position:relative, to będzie rozpychać.

Swoją drogą po co ustawiasz position? Z tego co widzę to tutaj jest zupełnie niepotrzebne.