- relative
-
-
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
, andleft
- 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
- Relative positioned elements remain in the flow of the page, and if top, left, right or bottom values are not set, the element is considered positioned (ie not static)
-
As an absolutely positioned element is positioned relative to its nearest
positioned ancestor (i.e., the nearest ancestor
that is not static), giving the containing element of an absolutely positioned
element the attribute
position:relative
is very useful
-
The element is positioned according to the normal flow of the document,
and then offset relative to itself based on the values of