Curso
Aprenda nesse curso como utilizar a propriedade position do CSS e quatro dentre os diferentes modelos de posicionamento do CSS: fluxo normal, posicionamento relativo, absoluto e fixo.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
7 horas
Neste capítulo estamos estudando como posicionar elementos na página. Há duas propriedades que nos permitem fazer isso que são position e float.
A posição de um elemento em uma página pode ser controlada utilizando a propriedade position.
Confira nesta aula o exemplo que usaremos neste curso.
O valor padrão da propriedade position é static. Ele representa o fluxo normal (normal flow) de posicionamento dos elementos em uma página.
O valor relative de position põe o elemento em posicionamento relativo.
O posicionamento fixo é um tipo de posicionamento absoluto.
Um elemento em posicionamento absoluto é removido do fluxo normal. Por isso ele não afeta ou é afetado pela posição dos demais elementos na página.
HTML: span, iframe e comentários
HTML: Fundamentos
CSS: Flexbox