Oddiy foydalanuvchi tozal HTML hujjatiga ushbu tuzilmani qo'shganda nima ko'radi? (tashqi div butun kenglik bo'ylab qizil ramkali, balandligi 100px, ichida yashil chegarali 100x100 kvadrat)

Foydalanuvchi ekran kengligini to'liq egallagan va balandligi 100 piksel bo'lgan qizil gorizontal to'rtburchakni ko'radi. Bu to'rtburchak ichida, yashil ramkali 100x100 piksel o'lchamdagi kvadrat bo'ladi. Agar kvadrat maxsus joylashmagan bo'lsa, u tashqi divning yuqori chap burchagida joylashadi, chunki odatda elementlar yuqori chapda joylashadi.

Vizuallashtirilgan natija misoli:

• Tashqi div: qizil ramka, oynaning 100% kengligi, 100px balandlik.
• Ichki div: yashil ramkali 100x100 piksel kvadrat, tashqi blok ichida yuqori chapda.