So bereinigen Sie Floats, wenn ein Container mehrere Floating-Elemente enthält

Wenn ein Container mehrere Floating-Elemente enthält, besteht die Möglichkeit, die Floats zu löschen, darin, zusätzliche Elemente hinzuzufügen und „clear: Both“ vor dem schließenden Tag des Containerelements zu setzen, und „clear: Both“ bedeutet „Löschen“. die Schwimmer.

Fügen Sie vor dem schließenden Tag des Containerelements zusätzliche Elemente hinzu und legen Sie das übergeordnete Element clear: both

fest, um einen Formatierungskontext auf Blockebene auszulösen

• Formatierungskontext auf Blockebene, bei dem es sich um einen unabhängigen Renderingbereich handelt, der nichts mit der Außenseite zu tun hat.

Triggerbedingung:

• Stammelement (zum Beispiel: html)

• Das Element ist floated (float ist nicht none)

• Position ist absolut oder fest

• Anzeige ist Inline-Block, Table-Sell, Flex...

• Überlauf ist nicht sichtbar

Containerelement-Pseudoelement zur Reinigung einstellen (empfohlene Methode zum Reinigen von Schwimmern)

Empfohlen Lernen: „Frontend-Video》

Das obige ist der detaillierte Inhalt vonSo bereinigen Sie Floats, wenn ein Container mehrere Floating-Elemente enthält. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!