明らかに、IE11には<main>
のユーザーエージェントスタイルがないため、display: block;
はありません。 ユーザーエージェントスタイルがないのはなぜですか?これはバグですか、それとも意図的なものですか?
メイン要素にdisplay: block;
を追加するだけで十分です。
main
要素は、実際にはIE11では完全にはサポートされていません。 CSSにmain { display: block; }
を追加することは、IE9 +に最適なソリューションです。条件付きコメントを作成する必要はありません。display: block;
はmain
要素のデフォルトの動作であるため、何も混乱することはありません。