omezující element
vnitřní element

Test vlastností bottom a right

Vlastnost bottom umisťuje spodní okraj pozicovaného prvku přesnou vzdálenost od spodku omezujícího elementu. Podobně right to bere zprava. Obě vlastnosti vždy ustupují vlastnostem top a left, jsou-li deklarovány. Nemá-li prvek nadřazený pozicovaný element, bere se za omezující element dokument (<body>).

 

 

 

 

 

 

 

 

 

 

Zdrojový kód příkladu:

<div style="border: medium solid blue; position: absolute; top: 1400px; left:80px; width: 300px; height: 300px">
    omezující element
    <div style="position: absolute; bottom: 20px; right: 20px; width: 40px; height: 140px; border: medium solid red">
        vnitřní element
    </div>
</div>