Heim  >  Artikel  >  Web-Frontend  >  Universeller, klar schwebender Stil

Universeller, klar schwebender Stil

巴扎黑
巴扎黑Original
2017-04-05 11:02:141997Durchsuche

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!

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