Heim >Web-Frontend >CSS-Tutorial >Warum überlappen meine schwebenden Elemente meine Tabellen im IE9?
IE9-Float-Probleme mit Überlauf: Ausgeblendet und 100 % Tabellenbreite
Beim Versuch, ein Element auf der rechten Seite einer Seite schweben zu lassen Wenn Tabellen in voller Breite auf der linken Seite beibehalten werden, kann es in Internet Explorer 9 zu einem unerwarteten Anzeigeproblem kommen. Im Gegensatz zu anderen Browsern zeigt IE9 die Tabellen unterhalb des rechten schwebenden Elements an anstatt bis zum Ende zu verlängern.
Dieses Problem ist auf ein Kompatibilitätsproblem in IE9 zurückzuführen. Um das Problem zu beheben, stellen Sie sicher, dass Ihr HTML-Dokument den richtigen Header hat:
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
Diese Zeile weist IE9 an, die neueste Rendering-Engine zu verwenden, die die Probleme mit Überlauf und Float-Anzeige behebt. Durch die Implementierung dieses Fixes werden die Tabellen unabhängig von der Breite des schwebenden Elements ordnungsgemäß bis zum Ende der Seite erweitert.
Das obige ist der detaillierte Inhalt vonWarum überlappen meine schwebenden Elemente meine Tabellen im IE9?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!