CSS clear Eigenschaft

Definition und Verwendung

Die Eigenschaft clear legt fest, auf welcher Seite des Elements keine anderen浮动-Elemente erlaubt sind.

Erklärung

Die Eigenschaft clear definiert, auf welcher Seite des Elements keine anderen浮动-Elemente auftreten dürfen. In CSS1 und CSS2 wird dies durch das Automatischen Hinzufügen einer oberen Außenmarke an das Element (d.h. das Element, das die Eigenschaft clear gesetzt hat) erreicht. In CSS2.1 wird darüber hinaus ein Bereinigungsbereich über der oberen Außenmarke des Elements hinzugefügt, ohne dass sich die Außenmarke selbst ändert. Unabhängig davon, welche Änderung vorgenommen wird, führt dies letztlich zum gleichen Ergebnis: Wenn eine linke oder rechte Bereinigung angegeben wird, wird die obere Außenkante des Elements genau unter der unteren Außenmarke der浮动-Elemente liegen.

Siehe auch:

CSS-Tutorial:CSS-Positionierung

HTML DOM Referenzhandbuch:clear-Eigenschaft

Beispiel

Es sind keine浮动-Elemente an der linken und rechten Seite der Abbildung erlaubt:

img
  {
  float:left;
  clear:both;
  }

Probieren Sie es selbst aus

CSS-Syntax

clear: none|links|rechts|beide|initial|inherit;

Eigenschaftswert

Wert Beschreibung
links Es sind keine浮动-Elemente an der linken Seite erlaubt.
rechts Es sind keine浮动-Elemente an der rechten Seite erlaubt.
beide Es sind keine浮动-Elemente an beiden Seiten erlaubt.
keine Standardwert. Erlaubt, dass浮动-Elemente an beiden Seiten auftreten.
inherit Es wird festgelegt, dass der Wert der Eigenschaft clear vom übergeordneten Element geerbt werden soll.

Technische Details

Standardwert: keine
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.clear="left"

TIY-Beispiel

Seiten der Elemente bereinigen
Dieses Beispiel zeigt, wie man die浮动-Elemente an den Seiten eines Elements entfernen kann.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

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