Strona główna › Pytania INF.03 › Pytanie 1431
INF.03 · pytanie #1431
Na obrazie przedstawiono projekt układu bloków witryny internetowej. Zakładając, że bloki są realizowane za pomocą znaczników sekcji, ich formatowanie w CSS, oprócz ustawionych szerokości, powinno zawierać właściwość<br><br> <table><tr><td colspan="2">BLOK 1</td><td colspan="2">BLOK 2</td></tr><tr><td colspan="1">BLOK 3</td><td colspan="3">BLOK 4</td></tr><tr><td colspan="4">BLOK 5</td></tr></table>
- Aclear: both dla bloku 5 oraz float: left jedynie dla 1 i 2 bloku.
- Bclear: both dla wszystkich bloków.
- Cclear: both dla bloku 5 oraz float: left dla pozostałych bloków.
- Dfloat: left dla wszystkich bloków.
Poprawna odpowiedź: D. float: left dla wszystkich bloków.
Kliknij odpowiedź, którą uważasz za poprawną.
Wyjaśnienie
Twoja odpowiedź jest poprawna. Bloki 1, 2, 3 i 4 powinny być ustawione obok siebie na stronie. Możemy tego dokonać, stosując dla nich właściwość 'float: left' w CSS, która sprawia, że elementy są wyświetlane po lewej stronie swojego kontenera. Często stosuje się tę technikę przy projektowaniu layoutów stron internetowych, umożliwiając rozmieszczenie bloków w jednym rzędzie. Blok 5 powinien natomiast znajdować się poniżej tych bloków, co osiągniemy stosując właściwość 'clear: both'. Ta właściwość zapewnia, że element nie będzie obok żadnego z poprzednich bloków, nawet jeśli mają one ustawiony float. Jest to szczególnie przydatne w sytuacjach, gdy chcemy, aby pewien element (np. stopka strony) był wyświetlany poniżej innych bloków, niezależnie od ich położenia czy szerokości. W praktyce, prawidłowe zastosowanie tych dwóch właściwości jest kluczowe dla tworzenia responsywnych i atrakcyjnych layoutów stron.
🤖 Wyjaśnienie generowane przez AI – weryfikuj w oficjalnych źródłach.