freeCodeCamp/guide/russian/css/css-position/index.md

24 lines
1.5 KiB
Markdown
Raw Normal View History

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