Maison >interface Web >tutoriel CSS >Solution pour flotter, ce qui fait que la couche flotte hors de l'échange layer_Experience parent

Solution pour flotter, ce qui fait que la couche flotte hors de l'échange layer_Experience parent

WBOY
WBOYoriginal
2016-05-16 12:06:031374parcourir
1. Ajouter un div vide
.clearfix:after {
content: "."; display: block;
clear:
visibilité : caché ;}
.clearfix {affichage : inline-block;}
/* Se cache depuis IE-mac */
* html .clearfix {hauteur : 1% ;}
.clearfix { display: block;}/* Fin du masquage depuis IE-mac */
.clearfix {
display: block
margin: 0px
clear: two; 🎜>visibilité : caché ;
couleur de fond :#666666;
border:0px none #FFFFFF;
}
.clearfix:after { height: 1px;}

Utiliser Méthode :
Ajoutez ce calque après tous les calques flottants



2. Ajoutez un calque d'arrière-plan flottant, mais cette méthode affectera d'autres divs, parfois c'est utile.

3. Il y a aussi un problème avec l'ajout de débordement, qui affectera l'apparence du div.
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