Html IE忽略背景、填充和最小高度

我对IE有一些问题，但我认为在这种情况下，图片抵得上千言万语：

Chrome、Firefox和预期结果：

IE 11

为什么不像我想象的那样呈现呢？我们可以做些什么来解决这个问题

css

html

一些文本

大字标题
第1行

...
页脚

从注释扩展而来：

---

根据，IE仍然不支持

元素，因此您可能希望改用类似

的内容。

扩展自注释：

---

根据，IE仍然不支持

元素，因此您可能需要使用类似

的内容来代替它。

IE缺少的只是浏览器样式表中

main

的

display:block

通过CSS“手动”添加，一切正常：

main {
    display:block;
    /* rest of your formatting for main */
}

---

IE所缺少的就是浏览器样式表中

main

的

display:block

通过CSS“手动”添加，一切正常：

main {
    display:block;
    /* rest of your formatting for main */
}

---

。我用

替换了

，一切正常。谢谢，请将此作为答案发布。我将

替换为

，一切正常。谢谢，请将此作为答案发布。使用main而不是div有什么好处吗？是的，您的解决方案更好。“它比我的更像HTML5。”路人：这一切都取决于你设定的优先级。如果优先考虑支持比v9旧的IE，那么首先需要一个HTML5 Shiv，使其能够识别新的HTML5元素，这意味着如果没有启用JS，它们将根本无法工作。在这种情况下，使用“老派”元素而不是语义可能是更好的方法。@CBroe鉴于OP已经在使用

和

，他可能已经在使用shiv，或者根本不关心旧IE。所以你的解决方案更好，或者更“正确”。好吧，我不会在这一点上和你争论；-）使用main而不是div有什么好处吗？是的，您的解决方案更好。“它比我的更像HTML5。”路人：这一切都取决于你设定的优先级。如果优先考虑支持比v9旧的IE，那么首先需要一个HTML5 Shiv，使其能够识别新的HTML5元素，这意味着如果没有启用JS，它们将根本无法工作。在这种情况下，使用“老派”元素而不是语义可能是更好的方法。@CBroe鉴于OP已经在使用

和

，他可能已经在使用shiv，或者根本不关心旧IE。所以你的解决方案更好，或者更“正确”。好吧，我不会在这一点上和你争论；-）

main {
    display:block;
    /* rest of your formatting for main */
}