<main>元素在Opera，Safari，IE </main>中不显示填充

Question

我的项目中有html5元素并给它填充。 Firefox和Chrome正确显示填充，但遗憾的是Opera，Safari和IE都没有。

您对此问题有任何经验并知道如何解决它吗？

由于我的reset.css没有发生，我能够在一个简单的小提琴中重现错误。只需在指定的浏览器中查看它即可看到差异。

FIDDLE

以下是示例代码。

HTML：

<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>

CSS：

.wrapper {
    padding: 8em 0;
}

谢谢！

Answer 1

看起来IE，Opera等不会将<main>标记视为显示块。我添加了css来强制它，它适用于你所谈论的所有浏览器here

main.wrapper{
    display: block;
}