{bottom} Property | CSS: Presentation Layer

Standards Based Development

bottom Property

For absolutely positioned boxes, specifies how far from the bottom of the containing box (which is the first containing relatively positioned box or the page itself) the box should be.

For relatively positioned boxes, specifies how far from the bottom a box should be shifted.

For absolutely positioned boxes, the bottom property specifies how far the bottom margin edge of the box is offset above the bottom padding edge of its containing block.

For relatively positioned boxes, this property specifies how far the bottom edge of the box is offset above the position it would have had in the normal flow.

If both top and bottom have a value other than auto, bottom is ignored.

Note: Internet Explorer for Windows versions up to and including 6:

  • compute percentage values on the basis of the height of the parent block, rather than of the containing block
  • are one pixel off when bottom and {right:} are used to specify the position, and the offset is an odd number of pixels
  • don't support the specification of both the position and the dimensions of an absolutely positioned element using top, right, bottom, and {left:} together; they'll use the last vertical and horizontal position specified, and need the dimensions to be specified using {width:} and {height:}.
  • Internet Explorer for Windows versions up to and including 7 don't support the value inherit.

References and Resources