bottom:0; med parent element utan position:absolute;

Jag har föjande kod som fungerar som jag tänkt mig, problemet är bara att jag vill att yttersta div:en ska ha position:relative; men då kommer inte den innsersta div:ens bottom property fungera. Hur kan jag åstadkomma detta?

<div style="position:absolute; width:100px; height:400px; border:1px dotted green;">
	<div style="position:absolute; bottom:0;">bottom</div>
</div>

Om du har ett absolutpositionerat element i ett relativt positionerat dito är det det sistnämnda elementet som bestämmer var "gränserna" går.

Du får helt enkelt lägga det absolutpositionerade elementet för sig själv:

<div style="position:absolute; width:100px; height:400px; border:1px dotted green;">
</div>
<div style="position:absolute; bottom:0;">bottom</div>

Fast det är ju inte det jag vill åstadkomma, det jag vill åstadkomma är

<td valign="bottom" height="400">bottom</td>

fast utan tabell.

Men position: relative i den yttre diven ändrar ingenting:

<div style="position:relative; width:100px; height:400px; border:1px dotted green;">
	<div style="position:absolute; bottom:0;">bottom</div>
</div>

Men? Jag började ju testa med relative, därav att jag trodde att det inte gick... Aja, måste ha skrivit fel eller något

Tack för hjälpen dectgap