Welche Methoden gibt es zum Löschen von Floats in CSS?

　Zoom:1 ist für die Kompatibilität mit IE6 erforderlich. Der Wert für die Höhe kann jedoch nicht automatisch festgelegt werden Der schwebende Bereich

　und kann nicht zusammen mit position verwendet werden, da dies zu versteckten Problemen führt, die über die Größe hinausgehen.

4. Legen Sie overflow:auto für das übergeordnete Tag fest

　

　 Im Grunde dasselbe wie 3, das einzige Problem ist Wenn die Innenhöhe höher als die übergeordnete Ebene ist, erscheint eine Rolle

5. Fügen Sie dem übergeordneten Element einen Float hinzu, und sie werden zu einem ganzen schwebenden Block

　

< ;div style="position:absolute; zoom:1">

　

　< /div>

Es ähnelt dem Prinzip von 5. Es besteht darin, das übergeordnete Element vom ursprünglichen Textfluss zu trennen. Die resultierenden Probleme können ähnlich sein und können dennoch mit dieser Methode gelöst werden 8. Geben Sie der übergeordneten Tag-Definition pseudo-class: after und zoom:1

　.clearfix:after {display:block; clear:both; :""; Sichtbarkeit:verborgen; Höhe:0}

　.clearfix {zoom:1}

　

Nur IE8 und höher sowie Nicht-IE-Browser unterstützen :after, zoom:1 kann Browserkompatibilitätsprobleme lösen

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es zum Löschen von Floats in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!