html
<p> <p class='box-left'></p> <p class='box-right'></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ünfteMethode: .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!