Przejdź do treści głównej
INF.03Pytanie #636 z 1558css-box-model-i-pozycjonowanie

Witryna internetowa ma mieć przedstawioną strukturę bloków. Aby uzyskać ten układ, należy znacznikom sekcji przypisać właściwości w następujący sposób:

Opcje odpowiedzi:
A
float tylko dla bloku 5; clear dla bloku 2
B
float tylko dla bloków: 3, 4; clear dla bloku 5
C
float tylko dla bloku 2; clear dla bloków: 3, 4
D
float tylko dla bloków: 2, 3, 4; clear dla bloku 5
Prawidłowa
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: D (float tylko dla bloków: 2, 3, 4; clear dla bloku 5)

Dlaczego to jest poprawne? Aby ustawić wybrane bloki (2, 3 i 4) w jednej linii obok siebie, musisz je "uwolnić" ze standardowego ułożenia, nadając im właściwość float (opływanie). Z kolei Blok 5 znajduje się na samym dole – aby przerwać to opływanie i zagwarantować, że pojawi się dopiero pod blokami 2, 3 i 4 na pełnej szerokości, musisz użyć dla niego właściwości czyszczącej clear (np. clear: both).

Dlaczego pozostałe opcje są nieprawidłowe?

  • A: Nadanie opływania tylko ostatniemu blokowi całkowicie psuje logikę układu. Bez float na blokach 2-4 będą one układać się jeden pod drugim.
  • B: Brak właściwości float dla Bloku 2 sprawi, że zajmie on całą dostępną szerokość powyżej bloków 3 i 4.
  • C: Jeśli wyczyścisz przepływ (clear) dla bloków 3 i 4, zmusisz je do pojawienia się poniżej opływającego Bloku 2, a chcesz, by były obok niego.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03
Reklama

Podobne pytania z działu „Css box model i pozycjonowanie”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 47 pytań z tego działu.