Maison >interface Web >tutoriel CSS >Style flottant transparent universel

Style flottant transparent universel

巴扎黑
巴扎黑original
2017-04-05 11:02:142034parcourir

Il s’agit d’une méthode très populaire pour nettoyer les flotteurs et elle a été pleinement adoptée dans de nombreux grands projets.

Cette méthode vient de positioniseverything et est implémentée via la pseudo-classe after : after et IEhack. Elle est entièrement compatible avec les navigateurs grand public actuels.

.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;进行的修改,重置为区块元素*/

Vous trouverez ci-dessous un code utilisé par admin10000.com pour nettoyer les flotteurs

.clearfix:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;}.clearfix {
    zoom: 1;}

Il s'agit d'une version optimisée du style flottant clair, qui est fortement recommandé.

Documents associés : Résumé des méthodes courantes pour effacer les flottants en CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn