Axel Richter: Ausrichtung nach unten mit relativer Positionierung?

Beitrag lesen

Hallo,

Ein umhüllendes div mit einer bestimmten Höhe (Einheit: em), an dessen _unterem_ Rand ein weitere div stehen soll.
Frage: kann ich das ohne absolute Positionierung erreichen?

Nein, aber was spricht gegen:

<body>
<h1>Test</h1>
<div id="huelle" style="height:12em;width:50ex; position:relative;border:solid black 2px;">
    ....
    <div id="ganz-unten" style="position:absolute;width:100%;left:0; bottom:0;border:dashed red 1px;">Dies soll am unteren Rand von "huelle" stehen.</div>
</div>
<p>Test</p>
</body>

Die Breitenbegrenzung der "huelle" habe ich eingefügt, damit Du siehst, dass sich position:absolute hier auf das DIV#huelle bezieht und nicht auf den Viewport. Das ist so, weil sich position:absolute immer auf das erste umgebende Element bezieht, dessen Position nicht static ist.

viele Grüße

Axel