Heim > Artikel > Web-Frontend > Universeller, klar schwebender Stil
Universeller, klar schwebender Stil
- 巴扎黑Original
- 2017-04-05 11:02:142004Durchsuche
Dies ist eine sehr beliebte Methode zum Löschen von Floats und wurde in vielen großen Projekten vollständig übernommen.
Diese Methode stammt von positioniseverything und wird durch die After-Pseudoklasse implementiert: after und IEhack. Sie ist vollständig kompatibel mit aktuellen Mainstream-Browsern.
.clearfix:after
{
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
} /* 这是对Firefox进行的处理，因为Firefox支持生成元素，而IE所有版本都不支持生成元素 */ .clearfix{display: inline-block;} /* 这是对 Mac 上的IE浏览器进行的处理 */ * html .clearfix{ height: 1%; } /* 这是对 Win上 的 IE6 浏览器进行的处理 */ * + html .clearfix{ height: 1%; } /* 这是对 Win 上的 IE7 浏览器进行的处理 */ .clearfix{display: block;} /* 这是对display: inline-block;进行的修改，重置为区块元素*/
Hier ist ein Code, der von admin10000.com zum Bereinigen von Floats verwendet wird
.clearfix:after {
content: "020";
display: block;
height: 0;
clear: both;}.clearfix {
zoom: 1;}
Dies ist eine optimierte Version des Clear-Floating-Stils, der sehr zu empfehlen ist.
Zugehörige Dokumente: Zusammenfassung gängiger Methoden zum Löschen von Floats in CSS
Das obige ist der detaillierte Inhalt vonUniverseller, klar schwebender Stil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!