Cara membuat satu DIV setelah yang lain dalam HTML

Tulis dalam kode HTML untuk elemen DIV dan tempatkan semua konten yang Anda inginkan antara tag pembuka * dan untuk menutup *. Tetapkan DIV atribut ID untuk menamai elemen. Anda harus menggunakan nama yang unik untuk elemen DIV dan tidak menggunakan ID yang sama lebih dari satu kali pada halaman web yang sama. Misalnya: * * Konten masuk di sini .... *

Buat DIV kedua di bawah yang pertama dan kemudian tambahkan semua konten yang Anda inginkan untuk DIV itu. Letakkan atribut ID dengan nama yang berbeda dari yang pertama. * * Konten masuk di sini .... * *

Buka file CSS Anda atau temukan tag yang dikodekan dalam file HTML. Anda dapat menambahkan tag jika tidak ada lagi. Gunakan kode CSS untuk memberi setiap DIV tipe "relatif" dari posisi, seperti yang ditunjukkan dalam contoh ini: #firstdiv {position: relative;} #seconddiv {position: relative;}

Tambahkan properti "z-index" dari kode CSS untuk setiap elemen DIV. Tempatkan nilai untuk "z-index" lebih tinggi daripada DIV untuk menumpuk di atas yang lain. DIV terendah dalam tumpukan mendapatkan nilai terendah "z-index". # Firstdiv {position: relative; z-index: 2;} #seconddiv {position: relative; z-index: 1;} Anda dapat meletakkan nilai "z-index" antara nol dan 999. Anda dapat menggunakan nilai negatif, tetapi mereka menyebabkan masalah dalam komposisi yang rumit dan tidak berfungsi di versi Internet Explorer yang lebih lama.