HTML'de birbiri ardına bir DIV nasıl yapılır?

Bir DIV elemanı için HTML kodunu yazın ve istediğiniz tüm içeriği açılış etiketleri * arasına yerleştirin ve * kapatın . Öğeye isim vermek için DIV bir ID özniteliği atayın. Bu DIV öğesine özgü bir isim kullanmalı ve aynı ID'yi aynı web sayfasında birden fazla kez kullanmamalısınız. Örneğin: * * İçerik buraya gider .... *

İlkinin altında ikinci bir DIV oluşturun ve ardından bu DIV için istediğiniz tüm içeriği ekleyin. İlkinden farklı bir ada sahip bir ID özniteliği koyun. * * İçerik buraya geliyor .... * *

CSS dosyanızı açın veya HTML dosyasında kodladığınız etiketleri bulun. Artık mevcut değilse etiket ekleyebilirsiniz. Bu örnekte gösterildiği gibi her bir DIV'a "göreli" bir konum vermek için CSS kodunu kullanın: #firstdiv {position: relative;} #seconddiv {position: relative;}

Her DIV öğesi için CSS kodunun "z-index" özelliğini ekleyin. DIV'den daha yüksek "z-endeksi" için değeri diğerinin üzerine yığmak için yerleştirin. Yığındaki en düşük DIV, "z-endeksi" nin en düşük değerini alır. # Firstdiv {position: relative; z-index: 2;} #seconddiv {position: relative; z-index: 1;} "z-index" değerini sıfır ile 999 arasında koyabilirsiniz. Negatif değerleri kullanabilirsiniz, ancak karmaşık kompozisyonlarda problemlere neden olurlar ve Internet Explorer'ın eski sürümlerinde çalışmazlar.