IE9 でフロートを使用するとテーブルの位置がずれるのはなぜですか?それを修正するにはどうすればよいですか?

IE9 のフロートによる配置の問題に対処する

コンテナを右側に配置し、コンテナに隣接してテーブルを配置しようとすると、ユーザーが次のような問題に遭遇しました。 IE9と他のブラウザでの表示の差異。他のすべてのブラウザではテーブルが正しく表示されましたが、IE9 ではフローティング コンテナの下に配置されました。

調査の結果、この問題は IE9 の overflow: hidden プロパティの誤解に起因することが判明しました。配置の問題に対処し、ブラウザ間で一貫した表示を確保するには、次の解決策が推奨されます。

次の互換性ディレクティブを組み込むように HTML ヘッダーを変更します。

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

このディレクティブを組み込むことで、ブラウザは、より新しいバージョンの Internet Explorer をエミュレートする互換モードを使用してページをレンダリングするように指示されます。この調整により、overflow: hidden プロパティが期待どおりに動作し、IE9 でテーブルが適切に配置されるようになります。

以上がIE9 でフロートを使用するとテーブルの位置がずれるのはなぜですか?それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。