Zusammenfassung der Methoden zum Löschen schwebender Floats

Gib diese nutzlosen Methoden auf und erinnere dich einfach an die praktischste Methode!

Fügen Sie dem übergeordneten Element ein zusätzliches Klassen-Attribut hinzu, das von Floating befreit werden muss : clearfix! ! ! Der

-Stil lautet wie folgt:

.clearfix:after{
content: ".";
 height:0; 
clear:both;   visibility
:hidden; 7( Aktuelle Projekte haben es fast vollständig ignoriert)
clearfix{

zoom:1

}

Das Löschen des Floats ist so einfach und kann als öffentliches common.css verwendet werden, jede Seite kann direkt aufgerufen werden!

Einfache Beispielanwendung:

　

　 //sth

　

　

　 //sth

　

Warum sollten wir Floats löschen:

1 .Als ich früher schrieb, stellte ich fest, dass die Seiten beim Schreiben durcheinander waren und es auch Überschneidungen gab? Schuld daran ist das Schwimmen!

2. Wenn das untergeordnete Element unter dem übergeordneten Element schwimmt, kann dies dazu führen, dass der übergeordnete Höhenwert 0 ist. Fügen Sie daher nach der Verwendung von float sofort Clearfix hinzu, um die durch float verursachten Probleme vollständig zu beseitigen. Alle möglichen seltsamen Fragen!

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden zum Löschen schwebender Floats. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!