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

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ść

Opcje odpowiedzi:
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
Prawidłowa
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: D (clear: both dla bloku 5 i float: left jedynie dla bloków 2, 3 i 4)

Układ trójkolumnowy wymaga, aby bloki środkowe (2, 3, 4) miały przypisaną właściwość opływania float: left;, natomiast blok dolny 5 (stopka) czyścił opływanie regułą clear: both;, dzięki czemu zajmuje całą szerokość pod kolumnami.

Dlaczego pozostałe opcje są nieprawidłowe?

  • A: float: left dla bloku 5 spowodowałoby jego próbę wciśnięcia obok kolumn.
  • B: clear: both dla wszystkich bloków ustawiłoby je pionowo jeden pod drugim.
  • C: Brak float dla bloku 2 uniemożliwiłby ułożenie kolumn w jednym wierszu.

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.