Co zobaczy zwykły użytkownik, jeśli wstawi ten układ do czystego dokumentu HTML? (zewnętrzny div z czerwoną ramką na całą szerokość, wysokość 100px, wewnątrz kwadrat 100x100 z zielonymi granicami)

Użytkownik zobaczy czerwony poziomy prostokąt zajmujący całą szerokość ekranu i o wysokości 100 pikseli. Wewnątrz tego prostokąta będzie kwadrat o rozmiarze 100x100 pikseli z zieloną ramką. Jeśli kwadrat nie jest specjalnie pozycjonowany, zostanie umieszczony w lewym górnym rogu zewnętrznego div, ponieważ domyślnie elementy są ustawione od góry na lewo.

Przykład wizualnego efektu:

• Zewnętrzny div: czerwona ramka, szerokość 100% okna, wysokość 100px.
• Wewnętrzny div: kwadrat 100x100px z zieloną ramką, w lewym górnym rogu zewnętrznego bloku.