---
id: 587d781e367417b2b2512acb
title: Lock an Element to its Parent with Absolute Positioning
challengeType: 0
videoUrl: ''
localeTitle: Bloqueie um Elemento ao seu Pai com Posicionamento Absoluto
---
## Description
A próxima opção para a propriedade CSS position é absolute , que bloqueia o elemento no lugar em relação ao seu contêiner pai. Ao contrário da posição relative , isso remove o elemento do fluxo normal do documento, portanto, os itens adjacentes o ignoram. As propriedades de deslocamento CSS (superior ou inferior e esquerda ou direita) são usadas para ajustar a posição. Uma nuance com o posicionamento absoluto é que ele vai ser bloqueado em relação ao seu antepassado mais próximo posicionado. Se você esquecer de adicionar uma regra de posição ao item pai (isso geralmente é feito usando position: relative; ), o navegador continuará procurando a cadeia e, por fim, assumirá o padrão da tag body.
## Instructions
Bloqueie o elemento #searchbar no canto superior direito de seu pai de section , declarando sua position como absolute . Dê-lhe compensações top e right de 50 pixels cada.
## Tests
```yml
tests:
- text: 'O elemento #searchbar deve ter uma position definida como absolute .'
testString: 'assert($("#searchbar").css("position") == "absolute", "The #searchbar element should have a position set to absolute.");'
- text: 'Seu código deve usar o deslocamento CSS top de 50 pixels no elemento #searchbar .'
testString: 'assert($("#searchbar").css("top") == "50px", "Your code should use the top CSS offset of 50 pixels on the #searchbar element.");'
- text: 'Seu código deve usar o deslocamento CSS right de 50 pixels no elemento #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
```