Wie reinige ich den Schwimmer? 4 Möglichkeiten, Schwimmer zu beseitigen

In diesem Artikel geht es darum, wie man Schwimmer reinigt. Die 4 Möglichkeiten, Float zu löschen, haben einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, dass sie für Sie hilfreich sind.

Routine 1: Höhe zum übergeordneten Element des schwebenden Elements hinzufügen (schlechte Skalierbarkeit)

Wenn ein Element schweben möchte Dann muss sein übergeordnetes Element eine Höhe haben. Die Höhe des Kastens kann zum Verschließen des Schwimmkörpers genutzt werden. Sie können die Höhe direkt auf das übergeordnete Element festlegen. In der Praxis ist es unwahrscheinlich, dass wir die Höhe zu allen Feldern hinzufügen können. Alternativ kann die Höhe auch nicht an schnelle Änderungen auf der Seite angepasst werden Der Inhalt des übergeordneten Containers kann erweitert werden (z. B. img-Bild). Diese Methode wird in der Praxis häufig verwendet. [Empfohlene Lektüre: 10 Floating-Effekt-Spezialeffekte (Sammlung) empfohlen ]

Routine 2: clear:both;

Fügen Sie das letzte redundante Element zum letzten untergeordneten Element hinzu und setzen Sie es dann auf „clear: Both“, damit der Float gelöscht werden kann. Hier wird betont, dass das am Ende des übergeordneten Elements hinzugefügte Element ein Element auf Blockebene sein muss, da es sonst die Höhe des übergeordneten Elements nicht unterstützen kann.

Routine 3: Floating-Pseudoelemente löschen

Mit der oben genannten Methode können Floating-Elemente sicherlich gelöscht werden, aber wir möchten diese bedeutungslosen redundanten Elemente nicht zur Seite hinzufügen Float löschen?

In Kombination mit :after Pseudo-Element und IEhack kann es perfekt mit allen gängigen Mainstream-Browsern kompatibel sein. IEhack bezieht sich hier auf das Auslösen von hasLayout.

Routine 4: br-Tag clear float

Das br-Tag hat ein Attribut: clear. Dieses Attribut ist ein leistungsstarkes Tool, mit dem Floats gelöscht werden können. Setzen Sie das Attribut „clear“ im br-Tag und weisen Sie ihm den Wert „all“ zu. Das heißt, der Schwimmer kann gelöscht werden.

Wie säubert man Schwimmer? Eine vollständige Einführung in die 4 Methoden zum Löschen von Floats. Wenn Sie mehr über das Html5-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWie reinige ich den Schwimmer? 4 Möglichkeiten, Schwimmer zu beseitigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!