Position в CSS

Устанавливает позицию эелемента относительно браузерного окна.Так же имеет возможность указывать позицию относительно родителького елемента.

Синтаксис: position:(значение).

Значения:

absolute — Указывает,на то что  этот элемент имеет абсолютную позицию, при этом другие элементы отображаются на веб-странице относительно так же будто и вовсе позиционированного элемента и нет. Положение элемента задается атрибутами left, top, right и bottom,на положение елемента могут влиять значения свойств position родительского элемента. В случае если у родителя свойство position установлено как static или  нет родителя, отсчет координат ведется от края окна браузера. Когда у родителя значение position задано как fixed, relative или absolute, отсчет координат ведется от края родительского элемента.

fixed — похож на действия как absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране так же не меняет положение при прокрутке веб-страницы. Firefox вообще не отображает  прокрутки, если свойство положение задано фиксированным, и оно не вмещается в окно браузера. В Opera хотя и показываются полосы прокрутки, они не влияют на позицию.

relative — Положение устанавливается относительно его места. атрибуты left, top, right и bottom меняют позицию элемента сдвигая его в ту или иную сторону от заданого положения ранее.

static — Элемент с данным свойством отображается обычно. Однако элемент не реагирует на наличие атрибутов left, top, right и bottom.

inherit — Унаследует такие же значения, что и у родителя