Static
  • Normal Document Flow
  • Does not interfere with other elements
  • The right, bottom, left, top and z-index properties has no effect
Relative
  • Normal Document Flow
  • May interfere with other elements
Absolute -"Where funky stuff happens"
  • No Normal Document Flow
  • May interfere with other elements
  • May be relative to parent element and follow it as origin (If parent element or enclosing element given property position: relative;), if not relative it will follow the body element or the element that contains it root of origin
  • Its final position is determined by right, bottom, left, top and z-index properties
Fixed - "Similar to 'absolute' but more in-your-face"
  • No Normal Document Flow
  • May interfere with other elements
  • Reference from the root (or body element)

NB: The following properties will effect the position property are... index-z, position:relative, and display.


Feel free to comment or make an corrections. :)

129 0 0