Szablon:ClearDiv

Z Wikibooks, biblioteki wolnych podręczników.
Przejdź do nawigacji Przejdź do wyszukiwania
Template-info.png Dokumentacja szablonu [zobacz] [edytuj] [historia] [odśwież]

Opis[edytuj]

Szablon służy, by pływające elementy dzieci z float:right lub float:left rozpychały rodzica.

Użycie i przykłady[edytuj]

Weźmy rodzica i dziecko pływające, ale oba dla przykładu są obramowane:

 <div style width:200px;min-height:50px;border: solid 1px black;padding:5px;">
   <div style="float:right;width:50px;height:60px;border: solid 1px black;">
   </div>
 </div>

A ten kod w działaniu jest taki:


Widzimy, że dziecko nie rozpycha rodzica, jedyną możliwością, aby temu zapobiec, jest użycie szablonu bezparametrowo {{ClearDiv}}. Wtedy kod wygląda następująco:

 <div style="width:200px;min-height:50px;border: solid 1px black;padding:5px;">
   <div style="float:right;width:50px;height:60px;border: solid 1px black;">
   </div>
   {{ClearDiv}}
 </div>

A wynik powyższego kodu w działaniu jest taki:

Do tego służy właśnie {{ClearDiv}}. A więc, wtedy dziecko rozpycha rodzica, jeżeli użyjemy ten szablon.

Opis parametrów[edytuj]

Wywołanie podstawowe
{{ClearDiv}}
Wywołanie pełne
{{ClearDiv
 | 1= [both|left|right] ustawienie nieopływania elementu z float:right, gdy 1=right, lub float:left, gdy 1=left, lub jednocześnie elementów obu rodzajów, gdy 1=both
 }}

Błędy[edytuj]

Błędy należy zgłaszać na stronie Wikibooks:Kwestie techniczne.

Parametry szablonu (strukturyzacja VE)[edytuj]

Zobacz też[edytuj]

  • {{Clear}} jest to przeniesienie do nowej linii i nieopływania elementów pływających lewego lub prawego albo obu.
  • {{Clear0}} element liniowy wyświetlany jako blokowy (display: block) nieopływający element lewy lub prawy albo obu, w oknie jest wyświetlana jako niełamliwa spacja.