Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung der Methoden zum Löschen schwebender Floats

Zusammenfassung der Methoden zum Löschen schwebender Floats

高洛峰
高洛峰Original
2017-03-16 10:34:521657Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn