Effacer une chose flottante que quiconque fait une page rencontrera, mais tout le monde peut-il savoir clairement et de manière complets? Donc, quand j'étais libre, j'ai immédiatement écrit un tel article. Je ne pouvais pas tout couvrir, mais je pouvais essentiellement enseigner tout ce que je savais.
Jetons un coup d'œil approximatif sur le nombre de façons de nettoyer le flotteur (je ne l'écrirai pas avec Zoom: 1 dedans, je l'écrirai pour le sujet suivant). La démo correspondante
- Utilisez une pseudo-classe: après pour nettoyer la couche de pseudo-classe avec une hauteur vide ultérieure bit zéro
- Utilisez le débordement CSS: Auto pour prendre en charge la hauteur
- Utilisez le débordement CSS: caché pour générer des adaptations étranges
- Utiliser l'affichage: table pour transformer les objets en forme de table
- Utilisez des balises Div et des attributs CLES CLACT
- Utilisez des balises BR et des attributs CLI
- Utilisez la balise BR et son propre attribut HTML Clear
Sur un look approximatif, ils peuvent tous résoudre le problème; Cependant, d'autre part, ils ont leurs propres avantages et inconvénients. (Correspondance individuelle)- La sémantique de structure des avantages est complètement correcte et ne causera aucun autre problème étrange. Inconvénients La méthode de réutilisation inappropriée peut facilement entraîner une augmentation fortement du volume de code. Il est recommandé pour les personnes qui utilisent la couche la plus externe lorsqu'elle flotte ou l'utilise clairement de manière modulaire.
- Avantages La structure est complètement correcte et le volume de code est très faible. Inconvénients après plusieurs nidictions, en cliquant sur la boîte flottante la plus externe sera sélectionnée du contenu le plus extérieur au plus interne (FF); ou lorsque le souris provoque la largeur de la largeur, le module le plus extérieur aura une barre de défilement (c'est-à-dire). Il est recommandé d'utiliser des modules internes, veuillez ne pas les nid.
- Avantages La structure est complètement correcte et le volume de code est très faible. Lorsque les inconvénients augmentent, le contenu est susceptible d'être caché sans envelopper automatiquement la ligne. Il est recommandé de l'utiliser lorsque la largeur est fixe et ne le niche pas.
- Avantages La structure est complètement correcte et le volume de code est très faible. Les attributs du modèle de boîte de désavantage ont changé, et vous pouvez imaginer qu'il y a naturellement tellement d'événements étranges que vous ne pouvez même pas compter. Il est recommandé que si vous ne souhaitez pas modifier le bogue, il est préférable de ne pas l'utiliser; Cependant, il peut être testé comme un imbécile temporaire dans la version alpha.
- Avantages: très petit nombre de codes et réutilisabilité extrêmement élevée. Les inconvénients sont complètement inefficaces dans l'adaptation à la sémantique, ce qui n'est pas propice aux changements de révision et d'exigences. Il est recommandé aux débutants de l'utiliser, ce qui vous permet de résoudre rapidement des problèmes flottants.
- Avantages Le degré de sémanisation est meilleur que le cinquième cas; Le volume de code est très faible et la réutilisabilité est extrêmement élevée. La sémanisation des inconvénients est toujours imparfaite, ce qui n'est pas propice aux changements de révision et de demande. Il est recommandé aux débutants de l'utiliser, ce qui vous permet de résoudre rapidement des problèmes flottants.
- Avantages Le degré de sémanisation est meilleur que dans les 5e et 6e cas; Le nombre de codes est le plus petit et la réutilisabilité est extrêmement élevée. La sémanisation des inconvénients est toujours imparfaite, ce qui n'est pas propice aux changements de révision et de demande. Il est recommandé de guider les débutants pour l'utiliser lors de la mise à niveau de leur réflexion afin qu'ils comprennent qu'au lieu d'utiliser ClassName pour contrôler une performance, il est préférable de revenir à l'ère des pages Web de Web1.0 pour utiliser directement les attributs HTML pour contrôler les performances. Après tout, ce dernier a moins de code.
Enfin, la liste est terminée. Cependant, je pense qu'il est nécessaire de s'excuser auprès de tout le monde à propos de l'article réimprimé par des fantômes auparavant. Ce que je regrette, c'est que j'ai changé le titre de fantômes et que j'ai changé le plus simple en optimal, de sorte que de nombreux étudiants ont été induits en erreur plus tard. J'ai donc écrit un article réécrit à partager.
