CSS-Clear

CSS Tutorial > Clear

Die clear Eigenschaft wird benutzt um den Effekt von float zu beseitigen. Mögliche Werte für die clear-Eigenschaft sind:

left: Die linke Seite bleibt frei.

right: Die rechte Seite bleibt frei.

both: Beide Seiten bleiben frei.

none: Keine der Seiten bleibt frei.

Hier ist ein abgeändertes Beispiel von der Seite zu float:

CSS-Statement

#leftfloat {
float:left;
}

#clearleft {
clear:left;
}

der folgende HTML-Code,

<span id="leftfloat"><img src="yp.jpg"></span>Dieses Beispiel <span id="clearleft"> verdeutlicht, wie clear:left die float-Eigenschaft nichtig macht. </span>

sieht so aus:

Dieses Beispiel verdeutlicht, wie clear:left die float-Eigenschaft nichtig macht.

Beachten Sie, dass sobald der clear:left-Style angewandt wird, der float-left-Style ineffektiv wird und der gesamte Text, der dem clear:left-Style folgt unter dem Bild erscheint.

Folgende Seite: CSS Cursor