Temel bir kullanıcının temiz bir HTML belgesine bu düzeni eklediğinde göreceği şey nedir? (tam genişlikte kırmızı çerçeveli dış div, yüksekliği 100px, içinde yeşil sınırlarla 100x100 kare)

Kullanıcı, ekranın tamamını kaplayan ve yüksekliği 100 piksel olan kırmızı yatay dikdörtgen görecektir. Bu dikdörtgenin içinde, yeşil çerçeveli 100x100 piksel boyutunda bir kare bulunacaktır. Kare özel olarak konumlandırılmamışsa, varsayılan olarak üst sol köşeye yerleştirilecektir, çünkü öğeler varsayılan olarak üst sol köşeye yerleştirilir.

Görsel sonuç örneği:

• Dış div: kırmızı çerçeve, pencere genişliğinin %100'ü, yüksekliği 100px.
• İç div: yeşil çerçeveli 100x100 piksel kare, dış blok içinde sol üstte.