STATIC, ABSOLUTE, RELATIVE

mogwai at royal albert hall

static

Default. An element with position: static always has the position the normal flow of the page gives it (a static element ignores any top, bottom, left, or right declarations)

absolute

An element with position: absolute is positioned at the specified coordinates relative to its containing block. The element's position is specified with the "left", "top", "right", and "bottom" properties

relative

An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position

abs1: still inside div #container
abs1_1: inside abs1
abs1_1: outside abs1
abs2: same as abs1, different top
rel1: inside abs2
rel1: outside abs2
abs3: a label