Афсӯд чӣ мебинад, агар ин тарҳро дар ҳуҷҷати HTML тоза гузорад? (як div хориҷӣ бо доираи сурх дар тамоми паҳноӣ, баландии 100px, дар дохил як мураббаъ 100x100 бо марзҳои сабз)

Пайдаланувчи қорадаги барча кенгликни эгаллайдиган ва 100 пиксел баландликдаги қорақалпоқ қора шакл кўради. Бу қорақалпоқнинг ичида яшил чўзилган 100x100 пикселлик квадрат бўлади. Агар квадрат махсус жойлаштирилмаса, у ташқи divнинг юқори ўнг бурчагида жойлашади, чунки элементлар стандарт тарзда юқори ўнгда жойлашади.

Визуал натижани кўрсатадиган мисол:

• Ташқи div: қора чўзилган, 100% ойнанинг кенглиги, 100px баландлиги.
• Ички div: яшил чўзилган 100x100 пикселлик квадрат, ташқи блокнинг юқори ўнгдаги қисмида.