100% height bez height

[Kartofelek]

Position:absolute ma taką fajną właściwość, że ładnie ustawia się na 100% wysokości.
Czyli rodzic dostaje position:relative; czerwony position:absolute; a niebieski margin-left na szerokość czerwonego.

Kod:

<div id="pudlo" style="position:relative">

    <div id="lewo" style="position:absolute; width:200px; height:100%;float:left; background:red;padding:10px;">
    
        Chcę aby ten element był rozciągniety na całą wysokosc pudla
        
    </div>
    
    <div id="prawo" style="margin-left:200px; background:blue;padding:10px;">
    
        Ten element ma zmienną wysokość uzależnioną od zawartości<br>
        Pudło ma dostosować swoją wysokość do tego właśnie elementu<br>
        Jak to zrobić?
    </div>
    
</div>

Jeżeli ci nie pasuje ten sposób (a niby czemu?) to wtedy użyj typu wyświetlania tabelkowego (ale wtedy zapomnij o starych IE)