Wie man die Box in CSS schweben lässt

So machen Sie die Box in CSS schwebend: Sie können das Float-Attribut verwenden, z. B. [float: left;]. Das Float-Attribut ermöglicht die horizontale Anordnung mehrerer Boxen in einer Reihe, links oder rechts. Die Breite der Box wird nicht mehr gestreckt, sondern wird anhand der Breite des Inhalts innerhalb der Box bestimmt.

Floating von Boxen

Im Standardfluss wird ein Element auf Blockebene automatisch in horizontaler Richtung gedehnt, bis es mit der Kante des Elements verbunden ist, in dem es sich befindet in der Reihenfolge benachbarter Elemente angeordnet werden und nicht nebeneinander angeordnet werden können.

(Lernvideo-Empfehlung: Java-Video-Tutorial)

Das Float-Attribut in CSS ist standardmäßig auf „Keine“ gesetzt. Wenn Sie den Wert des Float-Attributs auf left oder right setzen, wird das Element nach links oder rechts von seinem übergeordneten Element verschoben. Gleichzeitig wird die Breite der Box standardmäßig nicht mehr gestreckt, sondern anhand der Breite des Inhalts innerhalb der Box bestimmt.

float: left;

Sie können clear verwenden, um den Float zu löschen:

clear: left | right | both;

Float (Float)

Funktion: Mehrere Felder horizontal in einer Reihe links und rechts anordnen

Syntax: Selector { float: attribute value; }

left：元素向左浮动
right：元素向右浮动

Funktionen :

schwebt über dem Standardfluss

Die Anzeige nimmt nicht die Position des Standardflussfelds ein

wird in ein Element ähnlich einem Inline-Block umgewandelt, es entsteht jedoch keine Lücke zwischen den Elementen

Verwandt Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWie man die Box in CSS schweben lässt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!