DevGuru CSS2: bottom

PROPERTY: bottom

bottom : auto | length | percentage

Compatibility: IE5+
Version: Level 2
Inherited: No

The bottom property sets the physical distance of how far the bottom content edge of an element is above the bottom content edge of the containing block.

A containing block is simply an element that contains one or more related elements.

There are three other properties that allow you to set the distance for the left, right, and top content edges. All four properties are used in conjunction with the position property. Note that if the position property is set to the static value, setting the bottom property has no effect.

auto

The auto value dictates that the browser sets the distance between the bottom content edges.

length

The length value sets the distance between the bottom content edges and can be in any of the following seven units. Use the abbreviation.

Length	Abbrev.
centimeters	cm
ems	em
inches	in
millimeters	mm
picas	pc
pixels	px
points	pt

percentage

The percentage value sets the distance between the bottom content edges as a percentage of the overall height of the parent block. It is a positive integer number. The percent sign is mandatory.

Code:
p.one {
position: absolute;
bottom: 1in;
left: 1in;
right: 1in;
top: 1in;
}

Output:
Click to view example in separate window