24 lines
1.5 KiB
Markdown
24 lines
1.5 KiB
Markdown
---
|
||
title: CSS Position
|
||
localeTitle: Позиция CSS
|
||
---
|
||
## Позиция CSS
|
||
|
||
Свойство position указывает тип метода позиционирования, используемый для элемента. Он имеет 5 значений ключевых слов:
|
||
|
||
```css
|
||
.static { position: static; } // Элементы отображаются как обычно.
|
||
.relative { position: relative; } // Положение элемента устанавливается относительно его начального места.
|
||
.sticky { position: sticky; }
|
||
.fixed { position: fixed; } // Привязывается к указанной точке на экране и не меняет своего положения даже при пролистывании веб-страницы.
|
||
.absolute { position: absolute; } // Указывает, что элемент абсолютно позиционирован. Положение элемента задается атрибутами left, top, right и bottom относительно края окна браузера.
|
||
```
|
||
|
||
### Дополнительная информация:
|
||
|
||
MDN Документация: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/position)
|
||
|
||
Поддержка браузера: [caniuse](http://caniuse.com/#search=position)
|
||
|
||
YouTube: [Part1](https://www.youtube.com/watch?v=kejG8G0dr5U) | [Часть 2](https://www.youtube.com/watch?v=Rf6zAP4YnZA)
|