Höhe von zwei Div-Bereichen

[ChrisB]

Hi,

Ich habe einen äußeren Div-Bereich mit einer festen Breite und einer variablen Höhe.
In diesem Bereich ist ein zweiter Div-Bereich, der auch eine feste Breite hat und mittels "top:20px" 20px nach unten verschoben wurde.

Aber warum wird die Höhe des äußeren Div-Bereiches nicht daran angepasst?

Weil es keinen Grund dazu gibt.

.innen{
position:relative;
top:20px;

Relative Positionierung verschiebt ein Element gegenüber seiner Normalposition, und belässt dabei den Platz, den das Element ursprünglich eingenommen hätte, reserviert.

Wenn du lediglich einen Aussenabstand des inneren Elementes nach oben hin haben willst, dann nimm die dafür vorgesehene Eigenschaft: margin-top
(Vorsicht, auch deren Auswirkungen können anders sein, als du es vielleicht erwartest - Stichwort collapsing margins bzw. exakter adjoining margins, nachzulesen hier: http://www.w3.org/TR/CSS21/box.html#collapsing-margins.)

Oder du gibst stattdessen dem äusseren Element einen Innenabstand oben.
Was genau am zielführendsten ist, kommt darauf an, was genau du erreichen möchtest.

MfG ChrisB