Ir para o conteúdo principal

Position

O atributo position é retratado de uma maneira bem natural e intuitiva pelo WPF. Para atribuir classes utilitárias de posição no seu código, basta escrever o nome do valor do atributo diretamente como uma classe css:

<div class="relative">
  <!-- O conteúdo dessa classe recebeu o atributo css 'position: relative' -->
</div>

<div class="absolute">
  <!-- O conteúdo dessa classe recebeu o atributo css 'position: absolute' -->
</div>

<div class="sticky">
  <!-- O conteúdo dessa classe recebeu o atributo css 'position: sticky' -->
</div>

<!-- Isso funciona para qualquer outro tipo de atribuição de posicionamento. -->

Abaixo segue uma lista com todas as posições suportadas pelo framework:

Classe Utilitária Comportamento
static

Posicionamento padrão, segue o fluxo normal do documento.
sticky

Alterna entre relative e fixed, fixando o elemento ao atingir um ponto de rolagem definido.
relative

Posicionado relativo à sua posição original.
Permite ajustes com top, right, bottom e left.
absolute Posicionado em relação ao ancestral mais próximo com posição não static, sai do fluxo normal.
fixed

Posicionado em relação à janela do navegador, permanece fixo durante a rolagem.

Nenhum comentário
Voltar ao topo