Was sieht ein normaler Benutzer, wenn er dieses Layout in ein sauberes HTML-Dokument einfügt? (ein äußeres div mit rotem Rahmen über die gesamte Breite, Höhe 100px, innen ein Quadrat 100x100 mit grünen Rändern)

Der Benutzer sieht ein rotes horizontal ausgerichtetes Rechteck, das die gesamte Bildschirmbreite einnimmt und 100 Pixel hoch ist. Innerhalb dieses Rechtecks befindet sich ein Quadrat von 100x100 Pixel mit einem grünen Rahmen. Wenn das Quadrat nicht speziell positioniert ist, wird es in der oberen linken Ecke des äußeren Divs platziert, da Elemente standardmäßig oben links positioniert sind.

Beispiel für das visuelle Ergebnis:

• Äußerer Div: roter Rahmen, 100% Fensterbreite, 100px Höhe.
• Innerer Div: Quadrat 100x100px mit grünem Rahmen, oben links im äußeren Block.