position

The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.

Initial value static
Applies to all elements

Syntax

  
position: relative;
  

Values

The element is positioned according to the normal flow of the document. The top, right, bottom, left, and z-index properties have no effect. This is the default value.
The element is positioned according to the normal flow of the document, and then offset relative to itself based on the values of top, right, bottom, and left. The offset does not affect the position of any other elements; thus, the space given for the element in the page layout is the same as if position were static.
This value creates a new stacking context when the value of z-index is not auto. Its effect on table-*-group, table-row, table-column, table-cell, and table-caption elements is undefined.
The element is removed from the normal document flow, and no space is created for the element in the page layout. It is positioned relative to its closest positioned ancestor, if any; otherwise, it is placed relative to the initial containing block. Its final position is determined by the values of top, right, bottom, and left.
This value creates a new stacking context when the value of z-index is not auto. The margins of absolutely positioned boxes do not collapse with other margins.

Browser support

positionchrome1edge12firefox1ie4opera4safari1
absolutely_positioned_flex_childrenchrome52edge12firefox52ie10opera39safari11
fixedchrome1edge12firefox1ie7opera4safari1
position_sticky_table_elementschrome56edge16firefox59ieopera43safari8
stickychrome56edge16firefox32ieopera43safari13

We use cookies to improve your experience. Learn more in our Privacy policy.

×