Heim > Artikel > Web-Frontend > Was tun, wenn CSS height:auto nicht funktioniert?
css height:auto-Lösung funktioniert nicht: 1. Verwenden Sie Chrome, um das übergeordnete CSS-Attribut des überschriebenen Attributs zu finden und 2. Fügen Sie die Anweisung „zoom:1;overflow:hidden;“ hinzu.
Die Betriebsumgebung dieses Tutorials: Windows7-System, Chrome76.0 und CSS3-Version, Dell G3-Computer.
Verwandte Empfehlungen: „css-Video-Tutorial“
css height:auto funktioniert nicht, wie kann man das Problem lösen?
Da sich das übergeordnete Element möglicherweise in einem schwebenden Zustand befindet, wird das Schweben vom Dokumentenfluss getrennt und die beiden internen Ebenen sind nicht auf die übergeordnete Ebene beschränkt, sodass die übergeordnete Ebene die interne Höhe nicht kennt, sondern die Reinigung die Schwimmer können sie „zurückziehen“.
Zwei Lösungen:
①Verwenden Sie Chrome, um das übergeordnete CSS-Attribut des überschriebenen Attributs zu finden und es zu löschen.
② Das Hinzufügen von zoom:1;overflow:hidden;
zoom:1 zum übergeordneten Element löst das Haslayout von IE (unter IE8) aus, das nur den Float bereinigen kann; overflow:hidden funktioniert für andere Browser ( eigentlich für IE7 wird auch funktionieren).
Wenn das übergeordnete DIV eine feste Höhe hat, wird das Haslayout von ie (ie8 oder niedriger) wie zoom:1; ausgelöst, der automatische Wert jedoch nicht.
Das obige ist der detaillierte Inhalt vonWas tun, wenn CSS height:auto nicht funktioniert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!