Was bedeutet Float in CSS?

Float bedeutet in CSS „Float“. Wenn ein Element mit dem Float-Attribut festgelegt wird, bricht es vom Standardfluss ab und schwebt je nach Attributwert nach links oder rechts

In CSS ist das Float-Attribut ein häufig verwendetes Attribut. Wenn Anfänger die Bedeutung und Eigenschaften von Float nicht verstehen, kann es bei der Verwendung leicht zu Verwirrung und Verwirrung kommen. Als nächstes werde ich dieses Attribut im Artikel ausführlich vorstellen und hoffe, dass es für alle hilfreich ist.

float-Attribut

float, wie der Name schon sagt, werden Elemente mit dem Float-Attribut nach links verschoben Entsprechend dem Attributwert nennen wir Elemente mit dem Float-Attribut als Floating-Elemente. Nachdem das

-Element das Float-Attribut verwendet, kann das Element vom Standardfluss selbst getrennt werden und über anderen Elementen schweben, sodass es nicht mehr den ursprünglich zum Element gehörenden Platz einnimmt. Dadurch werden die nachfolgenden Elemente nach oben verschoben Besetzen Sie den ursprünglich zum Element gehörenden Platz.

Beispiel:

<div class="box">        
<span class="float-ele">           
 浮动元素        
 </span>        
 普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通
 文档流普通文档流普通文档流普通文档流普通文档流普通文档流
 </div>

Verstehen des Float-Attributs

1. Das Float-Attribut gilt nur für das Element selbst, das dieses Attribut verwendet und Die folgenden Elemente wirken sich aus (die folgenden Elemente werden nach oben verschoben -> der Fußzeilenblock wird nach oben verschoben).

2. Nachdem das Inline-Element das Float-Attribut verwendet hat, wird es zu einem Element auf Blockebene und die Höhe und Breite des Elements können festgelegt werden (siehe A-Tag).

3. Das Float-Attribut wird im Allgemeinen zusammen mit dem Clear-Attribut der folgenden Tags verwendet, um die Auswirkungen des Float-Attributs auf die folgenden Elemente zu löschen.

4. Wenn bei Elementen, die das Float-Attribut verwenden, die Elementbreite nicht festgelegt ist, wird die Elementbreite automatisch an die Breite des Inhalts angepasst (siehe Inhalts-DIV – die Größe des Inhaltsblocks). ist nicht definiert und wird daher automatisch angepasst).

Das obige ist der detaillierte Inhalt vonWas bedeutet Float in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!