---
id: 587d781e367417b2b2512acb
title: Lock an Element to its Parent with Absolute Positioning
challengeType: 0
videoUrl: ''
localeTitle: Блокировка элемента для его родителя с абсолютным позиционированием
---
## Description
Следующая опция для свойства position CSS является absolute , которая блокирует элемент на месте относительно его родительского контейнера. В отличие от relative положения, это удаляет элемент из нормального потока документа, поэтому окружающие объекты игнорируют его. Свойства смещения CSS (сверху или снизу и слева или справа) используются для настройки положения. Один нюанс с абсолютным позиционированием состоит в том, что он будет заблокирован относительно его ближайшего расположенного предка. Если вы забыли добавить правило позиции к родительскому элементу (это обычно делается с использованием position: relative; ), браузер будет продолжать искать цепочку и, в конечном счете, по умолчанию использовать тег body.
## Instructions
Заблокируйте элемент #searchbar в верхнем правом углу родительского section , объявив его position absolute . Дайте ему top и right смещения по 50 пикселей каждый.
## Tests
```yml
tests:
- text: 'Элемент #searchbar должен иметь absolute position .'
testString: 'assert($("#searchbar").css("position") == "absolute", "The #searchbar element should have a position set to absolute.");'
- text: 'Ваш код должен использовать top смещение CSS 50 пикселей в элементе #searchbar .'
testString: 'assert($("#searchbar").css("top") == "50px", "Your code should use the top CSS offset of 50 pixels on the #searchbar element.");'
- text: 'Ваш код должен использовать right смещение CSS 50 пикселей в элементе #searchbar .'
testString: 'assert($("#searchbar").css("right") == "50px", "Your code should use the right CSS offset of 50 pixels on the #searchbar element.");'
```
## Challenge Seed
## Solution
```js
// solution required
```