Қарапайым пайдаланушы бұл орналасуды таза HTML құжатына енгізсе, не көретін болады? (барлық ені бойымен қызыл шекаралы сыртқы div, биіктігі 100px, ішіне жасалған 100x100 шаршы жасыл шекаралармен)

Пользователь увидит красный горизонтальный прямоугольник, занимающий всю ширину экрана и высотой 100 пикселей. Внутри этого прямоугольника будет квадрат размером 100x100 пикселей с зелёной рамкой. Если квадрат не позиционирован специально, он будет расположен в левом верхнем углу внешнего div, так как по умолчанию элементы располагаются сверху слева.

Пример визуального результата:

• Внешний div: красная рамка, ширина 100% окна, высота 100px.
• Внутренний div: квадрат 100x100px с зелёной рамкой, внутри внешнего блока слева сверху.