Свойство position определяет способ расположения элемента на странице

Значения:

static - положение элемента определяется броузером

relative - позиция элемента определяется смещением от того места, в котором он появился по умолчанию

absolute - позиция элемента определяется относительно позиции родительского элемента

fixed - координаты вычисляются относительно границ контейнера

Пример:

.p { position: relative ; }

Свойства left/top устанавливают или определяет позицию элемента относительно левого/верхнего края

Сами по себе они ничего не делают. Применяются к элементам которым задано свойство position

Значения:

auto - определяется броузером

num - величина смешения

Пример:

.p { position: relative; top : 20px; left : 40px; }

Свойство z-index определяет порядок слоев для элементов

С помощью данного свойства можно накладывать один объект на другой. Данное свойство применимо только к объектам, имееющим атрибут absolute или relative свойства position

Значения:

auto - определяется броузером

num - число, задающее позицию объекта в слоях

Пример:

.p { z-index: 5; }