/ Курсы CSS / Свойство position

Свойство position


Свойство position

Свойство position позиционирует элемент относительно окна браузера или других объектов на веб-странице. Значение к position:

static - элементы отображаются как обычно.
relative - положение элемента устанавливается относительно его исходного места.
fixed - у элементы элементов фиксированная позиция и размещается она относительно окна браузера. Она не двигается при прокрутки страницы.
absolute - позиционируется относительно других элементов .
inherit - наследует значение родителя.

Пример использования:


 <style>
#block2 {
  position: absolute;
  top: 0;
  right: 0;
}
#block2 span {
  background-color: #5998ff;
}
  </style>
  <span>Lorem ipsum dolor sit amet, consectetur 
  adipisicing elit. Nobis fugiat, facere fuga qui sit corporis 
  incidunt atque culpa et vel ipsum dolorem quisquam 
  voluptates, recusandae in maiores ullam excepturi sed.</span>
  <div id="block2">
    <span>Текст</span>
  </div>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis fugiat, facere fuga qui sit corporis incidunt atque culpa et vel ipsum dolorem quisquam voluptates, recusandae in maiores ullam excepturi sed.
Текст