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

Question

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

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

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

小提琴

这是示例代码.

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来强制它,它在你在这里谈到的所有浏览器中都有效

main.wrapper{
    display: block;
}