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. #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. #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.");'
```