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

W stylu CSS właściwość float pozwala na umieszczenie elementu

Opcje odpowiedzi:
A
po lewej lub prawej stronie innego elementu
Prawidłowa
B
wyłącznie po prawej stronie innego elementu
C
wyłącznie nad innym elementem
D
nad lub pod innym elementem
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: A (po lewej lub prawej stronie innego elementu)

po lewej lub prawej stronie innego elementu.

Właściwość CSS float służy do wyjęcia elementu z normalnego przepływu dokumentu i umieszczenia go przy lewej lub prawej krawędzi jego kontenera. Tekst i inne elementy inline będą opływać ten "pływający" element.

Możliwe wartości dla float:

  • left: Element jest przesuwany do lewej krawędzi swojego bloku zawierającego. Inne elementy opływają go od prawej strony.
  • right: Element jest przesuwany do prawej krawędzi swojego bloku zawierającego. Inne elementy opływają go od lewej strony.
  • none: (Domyślna wartość) Element nie jest pływający i wyświetla się w normalnym przepływie.
  • inherit: Element dziedziczy wartość float od swojego rodzica.

Gdy element jest sfloatowany (np. float: left;), jest on wyjmowany z normalnego przepływu strony, a inne elementy (np. tekst, obrazy inline) mogą go opływać, ustawiając się obok niego (po przeciwnej stronie niż kierunek floatowania). To właśnie tworzy efekt umieszczenia elementu "po lewej lub prawej stronie innego elementu" (lub raczej pozwala innym elementom opływać go z lewej/prawej).

Dlaczego pozostałe opcje są nieprawidłowe?

  • B: wyłącznie po prawej stronie innego elementu — Nieprawda, float: left; umieszcza element po lewej.
  • C: wyłącznie nad innym elementem — Właściwość float nie służy bezpośrednio do pozycjonowania elementów nad sobą w osi Z. Do tego celu używa się raczej właściwości position (np. absolute, relative, fixed) w połączeniu z z-index.
  • D: nad lub pod innym elementem — Jak wyżej, float dotyczy głównie poziomego układu i opływania.

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.