Compreender CSS posicionamento absoluto e Layering

mento. Além disso, quando você dá apenas o valor da largura de um elemento, o navegador escolhe uma altura apropriada ou a altura correspondente para você. Isso se aplica a images.Absolute Posicionamento e layeringIt é possível para você posicionar um elemento HTML em um lugar particular na área da sua página web. Como você pode ver a partir desta possibilidade, o elemento posicionado de forma, teria de cobrir os elementos que estão no fluxo normal; e isso é o que realmente acontece. É possível ter vários elementos de cobertura um ao outro.

Formar o ponto de vista do utilizador página da web, é um elemento na frente, o outro elemento está por trás da primeira, o próximo está por trás da segunda e assim por diante. Esta cobertura de elementos é chamado de estratificação. Este grupo de elementos de cobertura é chamado uma pilha. A posição de um elemento nesta pilha é chamado de nível de pilha ou posição z-index. Tudo sendo igual, o elemento BODY é considerado na posição z-index zero. Os elementos no fluxo normal são consideradas como estando em posição índice z 1.

Em seguida, pode colocar os elementos da pilha a partir da posição z-índice 2 para cima. Então se você tem 3 elemento de pilha, um será na posição z-índice 3, um outro e z-index posição 4 e um na posição z-índice 5. O elemento com o maior índice z é o que o usuário está vendo acima de tudo; o resto são covered.To fazer o posicionamento absoluto, você precisa de, pelo menos, as seguintes quatro propriedades CSS: propriedade positionThis assume o valor "absoluto", que significa que você quer o posicionamento absoluto.

Para a colocação fluxo normal ou posicionamento, você não precisa esta propriedade ou qualquer propriedade em tudo.