Warum sind meine Tabellen in IE9 falsch ausgerichtet, wenn Floats verwendet werden, und wie kann ich das beheben?

Behebung von Ausrichtungsproblemen mit Floats in IE9

Bei dem Versuch, einen Container rechts zu positionieren und Tabellen daneben auszurichten, ist ein Benutzer auf Folgendes gestoßen eine Diskrepanz zwischen der Darstellung im IE9 und anderen Browsern. Während die Tabellen in allen anderen Browsern korrekt angezeigt wurden, wurden sie in IE9 unterhalb des schwebenden Containers ausgerichtet.

Bei der Untersuchung wurde festgestellt, dass das Problem auf ein Missverständnis der overflow:hidden-Eigenschaft in IE9 zurückzuführen war. Um das Ausrichtungsproblem anzugehen und eine konsistente Anzeige in allen Browsern sicherzustellen, wird die folgende Lösung empfohlen:

Ändern Sie den HTML-Header, um die folgende Kompatibilitätsanweisung zu integrieren:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Durch die Einbindung dieser Direktive wird die Der Browser wird angewiesen, die Seite in einem Kompatibilitätsmodus darzustellen, der modernere Versionen von Internet Explorer emuliert. Durch diese Anpassung wird sichergestellt, dass sich die Eigenschaft „overflow:hidden“ wie erwartet verhält, was zu einer korrekten Tabellenausrichtung in IE9 führt.

Das obige ist der detaillierte Inhalt vonWarum sind meine Tabellen in IE9 falsch ausgerichtet, wenn Floats verwendet werden, und wie kann ich das beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!