Что такое position в CSS3?
Свойство position
позволяет установить позиционирование объекта. Вы можете установить объект относительно страницы или же относительно других объектов.
Значения:
absolute
- абсолютное позиционрование объекта относительн окна в целом. Расположение объекта указывается с верхнего левого угла при помощи значений: top, left, right и bottom;fixed
- фиксированное расположение объекта. Расположение объекта указывается с верхнего левого угла при помощи значений: top, left, right и bottom. При прокручивании страницы объект остается на том же месте и прокручивается вместе со страницей;relative
- относительное позиционирование. Расположение объекта указывается с места, где сейчас находиться объект, при этом используются свойства: top, left, right и bottom для перемещения объекта;static
- обычный статичный элемент (значение по-умолчанию).sticky
- сочетание относительного и фиксированного позиционирования объекта.
Пример свойства:
nav {
position: fixed;
top: 50px;
left: 25%;
/* Позиционирование фиксированного объекта сверху */
}
Комментарии