Na rysunku: blok 1 na całą szerokość, pod nim blok 2 po lewej, w środku blok 3 nad blokiem 5, a po prawej blok 4. Kod HTML: BLOK 1 BLOK 2 BLOK 3 BLOK 4 BLOK 5 Wskaż kod CSS odpowiadający układowi bloków 2 - 5, zakładając, że są one zbudowane w oparciu o przedstawiony kod HTML.

Zadanie 26 z arkusza EE.09, czerwiec 2021

CSS Poziom: średnie

Na rysunku: blok 1 na całą szerokość, pod nim blok 2 po lewej, w środku blok 3 nad blokiem 5, a po prawej blok 4. Kod HTML: <div id="pierwszy">BLOK 1</div> <div id="drugi">BLOK 2</div> <div id="trzeci">BLOK 3</div> <div id="czwarty">BLOK 4</div> <div id="piaty">BLOK 5</div> Wskaż kod CSS odpowiadający układowi bloków 2 - 5, zakładając, że są one zbudowane w oparciu o przedstawiony kod HTML.

Ilustracja do zadania 26 z arkusza EE.09, czerwiec 2021

Wybierz odpowiedź A Kod 1. B Kod 2. C Kod 3. D Kod 4.

Cały arkusz EE.09, czerwiec 2021

Pokaż odpowiedź i wyjaśnienie

Poprawna odpowiedź: B

Kod 2.

Dlaczego

W Kodzie 2 bloki 2 i 3 pływają w lewo, a 4 w prawo, więc wiersz jest pełny. Blok 5 z float: left trafia najwyżej, jak się da, czyli pod blok 3, obok wyższego bloku 2. Kod 1 z clear: both zepchnąłby blok 5 pod wszystkie bloki.