Css <；main>；元素不'；不要在歌剧、狩猎等表演中展示填充物

我的项目中有html5元素，并给了它一个填充。Firefox和Chrome正确显示了填充，但不幸的是Opera、Safari和IE没有

您是否有处理此问题的经验并知道如何解决此问题

这不是因为我的reset.css而发生的，我能够在一个简单的小提琴中重现错误。只需在命名的浏览器中检查它，就可以看到区别

下面是示例代码

HTML:

---

谢谢大家!

看起来IE、Opera等没有将

标记视为显示块。我添加了css来强制它，它在您提到的所有浏览器中都能工作

---

是的，对不起，这只是我做的一些尝试中的复制/粘贴错误。原稿没有px，我在问题中更正了它。谢谢！非常奇怪--我在你的小提琴上加了1px边框，在Safari/IE11/Opera中有一些奇怪的东西<代码>编辑-啊，正如下面提到的，一些浏览器不将其视为块级元素<代码>主{display:block}会解决这个问题。@Nick R:嗯，是的，这看起来确实很奇怪！<代码> <代码>元素是HTML5的后期添加（它只在2013的中间添加到规范中），所以不是所有浏览器都支持它。您需要为它提供默认的CSS样式表

{display:block；}

。当然，您也可以使用main而不是main.wrapper！我自己也应该想到这一点：）非常感谢你！！在Mac上的FF 37.0.2中，使用缩写形式的padding-

padding:60px auto，无法让它玩得很好。必须使用详细的形式：
填充顶部：60px；右侧填充：自动；填充底部：60px；左填充：自动
<section class="wrapper">gets padding everywhere</section>
<main class="wrapper">gets no padding in the mentioned Browsers</main>
<section class="wrapper">gets padding everywhere</section>

.wrapper {
    padding: 8em 0;
}

main.wrapper{
    display: block;
}