The bottom CSS property participates in specifying the position of positioned elements.
- For absolutely positioned elements, that is, those whose position property is set to absolute or fixed, the bottom property specifies the distance between the bottom margin edge of the element and the bottom edge of the block containing the element.
- For relatively positioned elements, that is, those with whose position property is set to relative, the bottom property specifies the distance the element’s bottom edge is moved above its normal position.
- When both top and bottom are specified, and height is unspecified or either auto or 100%, both the top and bottom distances are respected. In all other situations, if height is constrained in any way, the top property takes precedence and the bottom property is ignored.
Changing the Bottom on an element with Visual Developer
- Open Visual Developer
- Select the element you want to customize
- Select the pattern you want to follow
- Input “Bottom” in the search box
- Change the Bottom Value ( Red Zone )