CSS-Float (Float)

Das CSS float-Attribut legt fest, ob ein Kästchen schweben sollte. Das float-Attribut in CSS ist ein Positionseigenschaft. Es wird verwendet, um ein Element nach links oder rechts zu drücken, während andere Elemente um es herum fließen, und wird normalerweise für Bilder und Layouts verwendet.　　　

CSS Floating-Elemente

Sie können ein Element nach links oder rechts floaten, aber dies gilt nur für Elemente, die nichtAbsolut positioniertBox-Elemente. Alle Elemente, die nach dem Floating-Element folgen, fließen auf der anderen Seite um das Floating-Element herum.

Das float-Attribut kann einen der folgenden drei Werte haben:

Wie Elemente fliegen

Das Floating-Element wird aus dem normalen Fluss entfernt und so weit links oder rechts in den verfügbaren Raum des umschließenden Elements bewegt, wie möglich.

es sei denn, der SchwimmerclearDas Attribut verhindert den Fluss anderer Elemente, andernfalls würden andere Elemente normalerweise um den Fluss fließen. Der horizontale Float bedeutet, dass das Element nur nach links oder rechts fließen kann, nicht nach oben oder unten.

img　{
　　　　float:　links;
}

Wenn mehrere Floating-Elemente nebeneinander platziert sind, float sie nebeneinander, wenn horizontaler Raum vorhanden ist. Wenn nicht genügend Raum für die Flötchen vorhanden ist, wird es nach unten bewegt, bis es passt oder keine Flötchen mehr vorhanden sind.

.thumbnail　{
　　　　float:　links;
　　　　Breite:　125px;
　　　　Höhe:　125px;
　　　　Marge:　10px;
}

Verwenden Sie das (Clear) Clear-Attribut, um Floating zu beenden

Der nach einem Floating-Element folgende Element fließt um es herum. Die clear-Eigenschaft legt fest, wo keine anderen Floating-Elemente in der Elementbox positioniert werden dürfen.

.clear　{
　　　　clear:　links;
}