Свойство 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 - число, задающее позицию объекта в слоях
Пример:
|