Sechs Möglichkeiten zum Löschen von Floats in CSS

html

    <p>
        <p class=&#39;box-left&#39;></p>
        <p class=&#39;box-right&#39;></p>
    </p>

css

    .box-left,.box-right{
        width:200px;
        height:200px;        float: left;
        background: red;
        border:1px solid #333;
    }

Erste Methode: .box{clear:box}

Zweite Methode: .box{overflow:hidden}

Dritte Methode: .box{overflow:auto}

Vierte Methode: .box:after{ content:""; height:0; visibility:hidden; display:block; >

Die fünfte

Methode: .box{height:200px}Höhe festlegenDie sechste Methode: .box{display :table}

Alle anderen Methoden können gerne hinzugefügt werden, komm schon, lass uns gemeinsam Fortschritte machen

Das obige ist der detaillierte Inhalt vonSechs Möglichkeiten zum Löschen von Floats in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!