Аватар пользователя Dima

Свойство "Position"

Оставлю пока в покое правила для селекторов в css, их все ровно очень много и думаю что буду возвращаться к ним не однократно.
Сегодня хочу вспомнить о таком свойстве как position.
У этого свойства есть 5 значений:

  1. relative
  2. absolute
  3. inherit
  4. fixed
  5. static

Первое - relative означает, что элемент будет позиционироваться относительно своего мест в потоке. Его место останется зарезервированным, если элемент позиционировать с помощью top, left, bottom, right.
Значение absolute убирает элемент с потока но позиционирование происходит относительно родителя элемента.
fixed - заставит элемент выйти с потока как и в предыдущем случае но позиционирование происходит относительно верхнего левого угла окна браузера. При значении свойства position: Inherit - элемент будет наследовать значение свойства position от родителя.
Ну и наконец static. Это значение свойства position по-умолчанию, и top, left, bottom, right тут не действуют.

Вот такое вот оно простое это свойство position.