posicionamentos css

DISPLAY Propriedade Display

Valor None: faz com que o elemento do qual foi aplicado a função não seja exibido na tela e também não ocupe o espaço para qual ele seria designado, ao contrário da função Hidden, que o esconde, mas mantém seu espaço livre.
Valor Inline: o valor inline faz com que o elemento em qual for aplicado ocupe somente o espaço necessário (width) e interaja de forma que o elemento ao lado se mantenha na mesma linha.
Valor Inline-Block : o valor inline-block faz com que o elemento em qual for aplicado ocupe o espaço (width, height) do qual designado em classe ou id e interaja com o elemento ao lado mantendo-o na mesma linha.
Valor Block: o valor block faz com que o elemento em qual for aplicado, mantenha a largura máxima e quebre a linha, forçando os elementos ao lado para a linha de baixo.
Valor Table: não é suportado pelo IE. Faz com que o elemento seja criado como uma tabela e seus elementos filhos devem ser definidos como table-row e table-cell assim como TR e TD.
Valor Flex: torna o elemento e seus filhos dinâmicos, fazendo com que sua largura ( ou altura) seja dinâmica/automática, preenchendo o espaço de melhor forma e distribuída

Z-INDEX

Para fazer isto definimos para cada elemento um número índice (z-index). O comportamento é que elementos com número índice maior se sobrepõem àqueles com menor número.
Vamos supor um royal flush no jogo de poker. As cartas podem ser apresentadas como se cada uma delas tivesse um z-index
No caso mostrado, os números índice estão em uma seqüência direta (de 1-5), contudo o mesmo resultado poderia ser obtido com uso de 5 diferentes números, não em seqüência. O que conta é a cronologia dos números (a ordem).