CSS свойства позиционирования.
Свойство 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; }