Como fazer um DIV após o outro em HTML

Escreva em código HTML para um elemento DIV e coloque todo o conteúdo desejado entre as tags de abertura * e feche *. Atribua o atributo DIV an ID para nomear o elemento. Você deve usar um nome exclusivo para esse elemento DIV e não usar o mesmo ID mais de uma vez na mesma página da web. Por exemplo: * * O conteúdo vai aqui .... *

Crie um segundo DIV abaixo do primeiro e, em seguida, adicione todo o conteúdo desejado para esse DIV. Coloque um atributo de ID com um nome diferente do primeiro. * * O conteúdo vai aqui .... * *

Abra seu arquivo CSS ou localize as tags codificadas no arquivo HTML. Você pode adicionar tags se elas não estiverem mais presentes. Use o código CSS para dar a cada DIV um tipo de posição "relativo", como mostrado neste exemplo: #firstdiv {position: relative;} #seconddiv {position: relative;}

Adicione a propriedade "z-index" do código CSS para cada elemento DIV. Coloque o valor para "z-index" maior do que para DIV para empilhar sobre o outro. O menor DIV na pilha obtém o menor valor de "z-index". # Firstdiv {position: relative; z-index: 2;} #seconddiv {position: relative; z-index: 1;} Você pode colocar o valor de "z-index" entre zero e 999. Você pode usar valores negativos, mas eles causam problemas em composições complexas e não funcionam em versões mais antigas do Internet Explorer.