position

value: static | relative | absolute | fixed | inherit
initial value: static
inherited: no
percentages: N/Z
applicable to: all elements

The position property determines the location of an element in relation to the other elements on a page. The possible values for position are:

static: this is the default value. The box for the element is laid out on the page using the normal flow. The properties of top, left, right and bottom can not be used with a position of static. The property of z-value will not apply.

relative: the box for the element is laid out on the page using the normal flow, but the location of the box is offset relative to its default position if properties of top, left, right or bottom are specified. Positive or negative numbers can be assigned for top, right, bottom and left. This means that the default position is 0 pixels from the top and 0 pixels from the left. The property of z-value will affect if the element lies below or above other elements with various z-values.

absolute: the box for the element is removed from the normal flow. The properties of top, right, bottom and left are used to locate the box in relation to its containing elements box. Positive or negative numbers can be assigned for top, right, bottom and left. Elements with position: absolute have no impact on the layout of later siblings. The z-value will also apply in relation to other elements with a z-value.

fixed: the box for the element is removed from the normal flow and is set in relation to the page area for the web page. The properties of top, right, bottom and left will have an effect on the location of the box. Positive or negative numbers can be assigned for top, right, bottom and left. The z-value will also apply in relation to other elements with a z-value.

Example:

div.holdithere {position: fixed; top: 20px; left: 20px;}
div.upperright {position: absolute; top: 10px; right: 10px; }
h3.scootme {position: relative;}