Jak zrobić jeden DIV po drugim w HTML

Napisz kod HTML dla elementu DIV i umieść wszystkie potrzebne treści między tagami otwierającymi * i zamknij *. Przypisz DIV atrybutowi ID, aby nazwać element. Powinieneś użyć nazwy, która jest unikalna dla tego elementu DIV i nie używać tego samego identyfikatora więcej niż raz na tej samej stronie internetowej. Na przykład: * * Treść idzie tutaj ... *

Utwórz drugi DIV poniżej pierwszego, a następnie dodaj całą zawartość, którą chcesz dla DIV. Umieść atrybut ID o innej nazwie niż pierwsza. * * Treść idzie tutaj ... * *

Otwórz swój plik CSS lub znajdź tagi zakodowane w pliku HTML. Możesz dodać tagi, jeśli nie są już obecne. Użyj kodu CSS, aby nadać każdemu DIV pozycję "względną", jak pokazano w tym przykładzie: #firstdiv {position: relative;} #seconddiv {position: relative;}

Dodaj właściwość "z-index" kodu CSS dla każdego elementu DIV. Umieść wartość dla "z-index" wyżej niż dla DIV, aby układać się na stosie nad drugim. Najniższy DIV w stosie otrzymuje najniższą wartość "z-index". # Firstdiv {position: relative; z-index: 2;} #seconddiv {position: relative; z-index: 1;} Możesz umieścić wartość "z-index" pomiędzy zerem a 999. Możesz użyć wartości ujemnych, ale powodują one problemy w złożonych kompozycjach i nie działają w starszych wersjach Internet Explorera.