CSS Property: bottom
The bottom position of a box.
Calculated differently, depending on the position
state of a box.
For relative positioned boxes, bottom
defines how far the box is offset from its initial bottom edge. So a positive value will, in fact, shift the box up.
For absolute (or fixed) position boxes, bottom
defines how far the box is offset from the bottom edge of its containing block (being the page or a containing positioned box).
Possible Values
Value | Note | Example |
---|---|---|
[length] | 100px | |
[percentage] | Calculated in relation to the height of the containing box. | 50% |
auto | Default. | |
inherit | ||
initial | ||
unset |
Example
#evilinvestor {
position: absolute;
bottom: 2em;
}