KWALIFIKACJA INF3 - STYCZEŃ 2020

PYTANIE NR 8.
W języku CSS przypisano regułę: float: left; dla bloku. Reguła ta zostanie wykorzystana do
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
float: left; przesuwa element blokowy do lewej krawędzi kontenera i powoduje, że kolejne elementy mogą go opływać (np. z prawej strony). Nie jest to wyrównanie tekstu (od tego jest text-align) ani ustawianie komórek tabeli. To mechanizm opływania w układzie strony.

Pełne wyjaśnienie:

Właściwość float z wartością left sprawia, że element (np. blokowy) zostaje odsunięty od normalnego przepływu układu i dosunięty do lewej krawędzi swojego kontenera. Najważniejszym skutkiem jest to, że zawartość następująca po takim elemencie może go opływać – czyli układać się obok niego, a nie wyłącznie pod nim.

Dlatego poprawne jest stwierdzenie, że reguła służy do "ustawienia bloku na lewo względem innych". W praktyce często wykorzystywano to np. do umieszczania miniatury po lewej stronie i tekstu opływającego ją z prawej.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "ustawienia bloków jeden pod drugim" – to zachowanie wynika zwykle z normalnego układu elementów blokowych bez użycia float. Zastosowanie float częściej powoduje możliwość ustawienia elementów obok siebie (o ile jest miejsce), a nie "wymuszanie" układu pionowego.
  • "wyrównania tekstu do lewej strony" – wyrównanie tekstu wewnątrz elementu realizuje się typowo przez text-align: left;. float nie ustawia justowania/położenia linii tekstu, tylko wpływa na położenie elementu i opływanie.
  • "wyrównania elementów tabeli do lewej strony" – tabele mają własny model układu (komórki, wiersze, kolumny). Do wyrównania treści w komórkach stosuje się m.in. text-align (dla tekstu) albo właściwości pionowe; samo float nie jest typowym narzędziem do "wyrównywania elementów tabeli".

Wskazówka egzaminacyjna: jeśli w treści widzisz float, myśl "opływanie i odsuwanie elementu do krawędzi", a jeśli widzisz "wyrównanie tekstu", myśl text-align. To rozróżnienie najczęściej decyduje o poprawnej odpowiedzi.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
float zmienia sposób układania elementu w dokumencie: element jest dosuwany do lewej lub prawej krawędzi kontenera, a kolejne treści mogą go opływać. Najczęściej kojarzy się to z obrazkiem, obok którego układa się tekst.
float: left; dosuwa element do lewej krawędzi kontenera i pozwala, by następne elementy (np. tekst lub inne bloki) układały się obok niego, jeśli jest miejsce. To mechanizm opływania, a nie "wyrównanie tekstu".
Wyrównanie tekstu w środku elementu kontroluje się przez text-align. float nie zmienia położenia linii tekstu, tylko położenie całego elementu i to, czy inne treści mogą go opływać. To inne poziomy formatowania.
Opływanie oznacza, że treść znajdująca się później w kodzie może układać się obok elementu "pływającego" (float), a nie pod nim. Przykład: grafika po lewej, a akapit tekstu wypełnia przestrzeń po prawej stronie grafiki.
Float bywa używany do prostych układów obok siebie i do opływania obrazów przez tekst, szczególnie w starszych projektach. W nowych layoutach częściej wybiera się Flexbox lub Grid, ale na egzaminie warto rozumieć float ze względu na istniejący kod.
Gdy dziecko ma ustawiony float, rodzic może nie "obejmować" jego wysokości. Typowe rozwiązania to zastosowanie czyszczenia opływania (właściwość clear na elemencie po float) albo technika "clearfix" realizowana odpowiednimi regułami CSS dla kontenera.
Nie. Elementy blokowe bez dodatkowych reguł i tak układają się zwykle pionowo. float częściej umożliwia ustawienie elementów obok siebie (gdy jest miejsce) i powoduje opływanie. Układ "jeden pod drugim" nie jest celem float.
Najczęściej myli się float z text-align (wyrównanie tekstu) albo zakłada, że float "pozycjonuje" jak position. Pomaga zapamiętać: float = opływanie, text-align = wyrównanie tekstu, position = pozycjonowanie względem odniesienia.
float służy do opływania i dosuwania elementu do krawędzi, wpływając na to, jak inne treści układają się obok. position (relative/absolute/fixed) dotyczy pozycjonowania elementu i może całkiem zmienić jego udział w normalnym przepływie.
Tak, ale rzadziej do budowy całych układów strony. Współcześnie do layoutu preferuje się Flexbox i Grid, natomiast float nadal bywa spotykany w starszych serwisach i w scenariuszach opływania (np. obrazek + tekst). Warto go rozumieć.
info

To pytanie poprawnie rozwiązuje 59% zdających egzamin. średnie

Specjaliści zwracają uwagę: "float: left; przesuwa element blokowy do lewej krawędzi kontenera i powoduje, że kolejne elementy mogą go opływać (np. z prawej strony)."

Źródła:

  • MDN Web Docs: "float" (CSS) – opis działania i zastosowań, https://developer.mozilla.org/en-US/docs/Web/CSS/float (dostęp: 2026-03-01)
  • MDN Web Docs: "clear" (CSS) – powiązane pojęcie czyszczenia opływania, https://developer.mozilla.org/en-US/docs/Web/CSS/clear (dostęp: 2026-03-01)
  • W3C: CSS 2.1 Specification, rozdział 9.5 "Floats", https://www.w3.org/TR/CSS21/visuren.html#floats (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN dotycząca właściwości float i clear
  • Specyfikacja CSS2.1 (rozdziały o pozycjonowaniu i float)
  • Ćwiczenia praktyczne: małe przykłady HTML+CSS pokazujące opływanie

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego