Positioning-Properties: bottom

Die Wirkung des bottom-Properties ist abhängig sowohl von der position-Eigenschaft des positionierten Containers als auch der seines Elterncontainers.

Werte:
[laenge], [prozent], auto, inherit

Beispiel:
<div style="border:thin solid; height:85px;">

<div style="border:thin solid; width:80%;
position:relative; bottom:10px; left:10px">
Lorem ipsum ...
</div>

</div>

Ausprobieren:
bottom:

Ausprobieren:
position:

Dieser Textabsatz ist ein Beispielabsatz. Er enthält keinen sinnvollen Inhalt, sondern dient lediglich dazu, dem folgenden Absatz voranzustehen. Er wird durch die CSS-Editierung nicht erfasst. Er hat eine hellgraue Hintergrundfarbe, um besser sichtbar zu sein.

Positionieren Sie diesen Container mit dem bottom-Property.

Dieser Textabsatz ist ein Beispielabsatz. Er enthält keinen sinnvollen Inhalt, sondern dient lediglich dazu, dem editierbaren Absatz zu folgen. Er wird durch die CSS-Editierung nicht erfasst. Er hat ebenfalls eine hellgraue Hintergrundfarbe, um besser sichtbar zu sein.