back

Bottom

Bottom is used to help to specify the position for positioned elements.
The other positioning properties are top, left, and right.
For elements that are absolutely positioned, bottom specifies the distance between the bottom margin edge of the element and the bottom of its containing block.
For elements that are relatively positioned, it specifies how far the element is moved above its normal position.
Negative values mean that the element is moved down rather than up.
The options are:
(1) Auto, the default value, it means the browser will calculate the position.
(2) Length, allows you to set the value as a fixed length, for example in px or cm.
(3) Percentage, allows you to set the value as a percentage of the containing elements height.
(4) Inherit, the value is inherited from its parent element.

Example