Please enable JavaScript.
Coggle requires JavaScript to display documents.
Page Layouts - Posicionamento de Elementos (Overflow (A propriedade…
Page Layouts - Posicionamento de Elementos
Posicionamento Estático
É aquele posicionamento natural.
Posicionamento Relativo
Ele reconhece outros valores além de margens.
Além das margins, você pode utilizar outros tipos de posicionamento, como:
Top
Bottom
Left
Right
Ele sobrepõe os outros elementos
Posicionamento Absoluto
Esse tipo de posicionamento não responde a posicionamentos estáticos ou elementos sem nenhum posicionamento. Ele só responde e elementos com posicionamento fixo, absoluto ou relativo.
Quando temos um elemento de posicionamento absoluto, e quisermos atribuir valores a ele, deve se criado dentro de um outro elemento de posicionamento relativo, absoluto ou fixo. Mas principalmente relativo.
Posicionamento Fixo
É muito parecido com o Posicionamento Absoluto. Porém enquanto você vai rolando uma página o elemento vai ficar visível por toda a página, por que ele está fixo.
Controlando Profundidade
Para alterar a profundidade do elemento, basta você utilizar o
z-index
O z-index funciona com posicionamentos relativos, absolutos e fixos. mas não funciona com o Estático.
Aplicando Clip
É quando um elemento fica dentro de outro, ou seja um mascara o outro.
Para usar o clip, basta inserir a tag
clip:
Overflow
A propriedade overflow especifica quando o conteúdo de um elemento de nível de bloco deve ser cortado, mostrado com barras de rolagem ou mostrados vazando fora do elemento.
Overflow auto: ele esconde o texto e aparece a barra de rolagem.
Overflow hidden: não mostra o resto do conteúdo, ele é bastante útil quando se tem imagens rolando da esquerda para a direita.
Overflow visible: mostra todo o conteúdo.
Overflow scrool: parece muito com o auto, mas quando o conteúdo não precisa ser rolado, ele mostra a barra de rolagem mesmo assim.