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; >

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

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!