Maison > interface Web > tutoriel HTML > le corps du texte

Six façons d'effacer les flottants en CSS

高洛峰
Libérer: 2017-03-15 11:05:16
original
1606 Les gens l'ont consulté

html

    <p>
        <p class=&#39;box-left&#39;></p>
        <p class=&#39;box-right&#39;></p>
    </p>
Copier après la connexion

css

    .box-left,.box-right{
        width:200px;
        height:200px;        float: left;
        background: red;
        border:1px solid #333;
    }
Copier après la connexion

Première méthode : .box{clear:box}

Deuxième méthode : .box{overflow:hidden}

Troisième méthode : .box{overflow:auto}

Quatrième méthode : .box:after{ content:""; height:0; visibilité:hidden; affichage:block; >

La cinquième

méthode : .box{height:200px}Définir la hauteurLa sixième méthode : .box{display :table}

Toutes les autres méthodes sont les bienvenues à ajouter, allez, progressons ensemble

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal