Pular para o conteúdo principal

Questão de Programação — CSS (Cascading Style Sheets) — Quadrix 2025

ProgramaçãoCSS (Cascading Style Sheets)
Código
qg600011
Banca
Quadrix
Órgão
CRO-SP
Ano
2025
Nível
Superior
Cargo
Analista de Desenvolvimento de Sistemas de Informação
Em relação a HTML5 e CSS3, XML, JSON, integração de dados e PWA (Progressive Web Apps), julgue o item seguinte.No CSS3, a propriedade position: fixed; permite que um elemento fique posicionado de forma relativa ao fluxo normal da página, movendo‑se conforme o usuário rola a tela.
  1. CCerto
  2. EErrado
Revelar gabarito e comentário

GabaritoE — Errado

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

CSS: posicionamento de elementos

Gabarito: ERRADO. A propriedade position: fixed; posiciona o elemento em relação à janela do navegador (viewport), e não ao fluxo normal da página. Por isso, ele não se move quando o usuário rola a tela — permanece fixo na mesma posição visual. A descrição dada no enunciado corresponde, na verdade, ao comportamento de position: relative; (que mantém o elemento no fluxo, deslocado em relação à sua posição original) ou, em parte, ao position: absolute; (que sai do fluxo e se posiciona em relação ao ancestral posicionado).

O CSS define cinco valores principais para a propriedade position: static (padrão, segue o fluxo normal), relative (deslocado em relação à sua posição normal, mas ainda ocupa o espaço no fluxo), absolute (removido do fluxo, posicionado em relação ao ancestral mais próximo que tenha position diferente de static), fixed (removido do fluxo, posicionado em relação à viewport) e sticky (híbrido: comporta-se como relative até atingir um limite de rolagem, quando passa a se comportar como fixed).

A pegadinha da questão está em inverter o comportamento: o enunciado diz que o elemento "se move conforme o usuário rola a tela", mas o fixed faz exatamente o oposto — ele permanece fixo na viewport, independentemente da rolagem. É o relative que se move junto com o fluxo da página, e o absolute que se posiciona em relação a um ancestral, mas também sai do fluxo.

Para fixar: fixed = "grudado" na tela (como um menu que acompanha a rolagem); relative = "empurrado" a partir de onde estaria normalmente; absolute = "solta" do fluxo e posicionada em relação ao ancestral posicionado. A banca explora exatamente essa confusão entre os valores.

1static
Fluxo normal (padrão)
2relative
Desloca da posição original
Continua no fluxo
3absolute
Sai do fluxo
Em relação ao ancestral posicionado
4fixed
Sai do fluxo
Em relação à viewport
Não acompanha a rolagem
5sticky
Começa relativo
Vira fixo após rolar
position (CSS)
LEVELsoulevel.com.br
position (CSS): static (Fluxo normal (padrão)); relative (Desloca da posição original, Continua no fluxo); absolute (Sai do fluxo, Em relação ao ancestral posicionado); fixed (Sai do fluxo, Em relação à viewport, Não acompanha a rolagem); sticky (Começa relativo, Vira fixo após rolar)

Item — ❌ ERRADO

A afirmação está incorreta porque descreve o comportamento de position: relative; (ou, em parte, de absolute;), não o de fixed. O fixed posiciona o elemento em relação à viewport e o mantém imóvel durante a rolagem da página. O enunciado inverte o efeito: diz que ele "se move conforme o usuário rola a tela", quando na verdade ele não se move — fica fixo na tela.

PEGA ESSA DICA!

Para não errar, associe cada valor a uma palavra-chave: fixed = fixo na tela (não rola); relative = relativo a si mesmo (desloca do lugar, mas continua no fluxo); absolute = absoluto em relação ao ancestral (sai do fluxo); sticky = gruda depois de rolar (começa relativo, vira fixo). Na prova, leia a descrição e pergunte: "o elemento sai do fluxo? ele acompanha a rolagem?" — se a resposta for "não acompanha", é fixed.

Gabarito: ERRADO.

Link permanente: /questoes/qg600011