The default positioning for all elements is
position:static, which means the element is not
positioned and occurs where it normally would in
Normally you wouldn't specify this unless you
needed to override a positioning that had been
Absolute positioning allows you to remove an object from
the typical flow of the document and place it at a specific
point on the page.
Relative positioning works similarly to absolute positioning
in that you can use top, bottom, left and right to scoot an
object to a specific point on the page.
The primary difference is the origin or starting point for the
With absolute positioning, the starting point was at the very
top left of the browser window. With relative positioning
starting point is where it normally lies in the flow of the
An element with a fixed position is positioned
relative to the browser window, and will not move
even if the window is scrolled.