STATIC, ABSOLUTE, RELATIVE
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
FLOATS
A float element is entirely extracted from the normal flow of the page and positioned either in the top left or top right corner available
Source
.abs {
position: absolute;
top: 200px;
left: 350px;
width: 400px;
background: #FFFF99;
}
.rel {
position: relative;
top: 200px;
left: 350px;
width: 400px;
background: #EAD4F7;
}