Назад Позиционирование

свойство описание 
positon
Тип позиционирования. 		Значения absolute, fixed, relative, static
По умолчанию static
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

  • absolute — смещает элемент относительно родителя независимо от места расположения элемента в HTML-коде
  • fixed — работает как абсолютное, но отключает перемещение элемента при прокрутке окна
  • relative — смещает элемент относительно того места, которое он занимал бы на экране без позиционирования
  • static — размещает элемент так, как он располагался бы без всякого позиционирования

Испытатель position:absolute
Испытатель position:relative 

left
top
rigtht
bottom
Координаты позиционированного элемента. 		Значения auto, <координата>, <процент>
По умолчанию auto
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Да, относительно ширины родительского элемента.

Координаты позиционированного элемента можно задавать при помощи следующих свойств:

  • left определяет смещение левой границы элемента вправо;
  • right определяет смещение правой границы элемента влево;
  • top определяет смещение верхней границы элемента вниз;
  • bottom определяет смещение нижней границы элемента вверх.

Испытатель position:absolute

Испытатель position:relative 

z-index
Номер плоскости. 		Значения <число>
По умолчанию 0
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Указывает в каком порядке элементы будут перекрывать друг друга. Элементы с более высоким z-индексом будут располагаться “сверху” элементов с более низким.

Испытатель

Назад