CSS position Property

Позиционировать <h2> элемента:

h2 {
    position: absolute;
    left: 100px;
    top: 150px;
}

Больше "Try it Yourself" примеры ниже.

Определение и использование

Недвижимость позиция определяет тип способа позиционирования , используемый для элемента (static, relative, absolute or fixed) .

Значение по умолчанию:	static
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS2
Синтаксис JavaScript:	object .style.position="absolute" Try it

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
position	1,0	7.0	1,0	1,0	4.0

Стоимость	Описание	Сыграй
static	Значение по умолчанию. Элементы визуализации для того, как они появляются в потоке документов	Сыграй "
absolute	Элемент позиционируется по отношению к своему первому расположенным (not static) предка элемента	Сыграй "
fixed	Элемент позиционируется относительно окна браузера	Сыграй "
relative	Элемент позиционируется относительно своего нормального положения, так что "left:20px" направо "left:20px" добавляет 20 пикселей , чтобы вышел из положения элемента	Сыграй "
initial	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный	Сыграй "
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать

Как позиционировать элемент относительно его нормального положения:

h2.pos_left {
    position: relative;
    left: -20px;
}

h2.pos_right {
    position: relative;
    left: 20px;
}