Challengeチャレンジ
成功
IE11でmainを利用するとpaddingが聞かないエラー対応
事の発端
HTML要素をちゃんと使用しようとしてmainを利用したら、IE11だけコンテンツ部分のpaddingが効かないエラーが発生。
divにすると反応するので、mainの影響が考えられる。ただ、原因が不明だったため、一時的にdivにして作成。
原因
調査の結果、IEではmainが「インライン要素」だったという内容を発見。
結果
リンク先の情報をもとにブロック要素に変更したところ解決。IEはすでにサポートが終わっているので、今後もある場合は、こちらをそのまま追記する必要があるので注意。