Div adaptive Höhe füllt automatisch die verbleibende Höhe

<div Klasse="äußere">
    <div class="A">Überschrift-DIV </div>
    <div class="B">Unteres DIV</div>
</div>

html,
body { Höhe: 100%; Polsterung: 0; Rand: 0; }
.äußere { Höhe: 100 %; Polsterung: 100px 0 0; Boxgröße: Rahmenbox; Position: relativ; }
.A { Höhe: 100px; Hintergrund: #BBE8F2; Position: absolut; oben: 0; links: 0; Breite: 100 %; }
.B { Höhe: 100 %; Hintergrund: #D9C666; }

<div Klasse="äußere">
    <div Klasse="A">Überschrift-DIV</div>
    <div class="B">Unteres DIV</div>
</div>

html,
body { Höhe: 100%; Polsterung: 0; Rand: 0; }
.äußere { Höhe: 100 %; Polsterung: 100px 0 0; Boxgröße: Rahmenbox; }
.A { Höhe: 100px; Rand: -100px 0 0; Hintergrund: #BBE8F2; }
.B { Höhe: 100 %; Hintergrund: #D9C666; }