Na obrazie przedstawiono projekt układu bloków witryny internetowej. Zakładając, że bloki są realizowane za pomocą znaczników sekcji, a szerokość została zdefiniowana jedynie dla bloków 2, 3 i 4, ich formatowanie, powinno zawierać właściwość

Ilustracja do zadania 28 z arkusza EE.09, styczeń 2022

Wybierz odpowiedź A float: left dla wszystkich bloków. B clear: both dla wszystkich bloków. C float: left jedynie dla bloków 3 i 4 i clear: both dla bloku 2. D clear: both dla bloku 5 i float: left jedynie dla bloków 2, 3 i 4.

Cały arkusz EE.09, styczeń 2022

Pokaż odpowiedź i wyjaśnienie

Poprawna odpowiedź: D

clear: both dla bloku 5 i float: left jedynie dla bloków 2, 3 i 4.

Dlaczego

Bloki 2, 3 i 4 stoją obok siebie, więc dostają float: left, a blok 5 (stopka) musi zejść pod nie, więc dostaje clear: both. Blok 1 jest pełnej szerokości i nie musi pływać.