Maison > Article > interface Web > Style flottant transparent universel
Style flottant transparent universel
- 巴扎黑original
- 2017-04-05 11:02:141997parcourir
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!