Was tun, wenn CSS height:auto nicht funktioniert?

藏色散人
Freigeben: 2023-01-04 09:38:36
Original
3242 Leute haben es durchsucht

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.

Was tun, wenn CSS height:auto nicht funktioniert?

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!