Atrybut clear CSS

Definicja i użycie

Atrybut clear określa, które boki elementu nie pozwalają na pojawienie się innych elementów pływających.

Wyjaśnienie

Atrybut clear określa, które boki elementu nie pozwalają na pojawienie się elementów pływających. W CSS1 i CSS2, to jest osiągane poprzez automatyczne dodanie górnej marginesu zewnętrznego do elementu czyszczącego (tj. elementu, który ma ustawioną właściwość clear). W CSS2.1, dodaje się przestrzeń czyszczenia nad górnym marginesem zewnętrznym, a margines zewnętrzny sam w sobie nie zmienia się. Bez względu na哪种zmiany, wynik jest ten sam, jeśli deklarowany jest jako lewy lub prawy czyszczenie, krawędź górna krawędzi elementu będzie dokładnie pod krawędzią dolnego marginesu zewnętrznego elementu pływającego.

Zobacz również:

Kurs CSS:Położenie CSS

Podręcznik referencyjny HTML DOM:Atrybut clear

Przykład

Na lewej i prawej stronie obrazu nie powinno pojawiać się elementów pływających:

img
  {
  float:left;
  clear:both;
  }

Próbuj sam

Gramatyka CSS

clear: none|left|right|both|initial|dziedziczona;

Wartość atrybutu

Wartość Opis
left Nie pozwala na pojawienie się elementów pływających po lewej stronie.
right Nie pozwala na pojawienie się elementów pływających po prawej stronie.
oba Nie pozwala na pojawienie się elementów pływających po obu stronach.
brak Domyślna wartość. Pozwala na pojawienie się elementów pływających po obu stronach.
dziedziczona Definiuje się, że wartość właściwości clear powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: brak
Inheredność: nie
Wersja: CSS1
Gramatyka JavaScript: object.style.clear="left"

Próbuj sam

Usunięcie elementów pływających z boku elementu
Ten przykład pokazuje, jak usunąć elementy pływające z boku elementu.

Współczynnik obsługi przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0