固定标头不仅仅在某些浏览器中推送内容

Question

我有这个页面HERE CSS文件是HERE

标题和导航应该保持固定在页面顶部，旋转木马就像这样在它下面开始。

在大多数浏览器中看起来很好但是当我在BrowserStack中测试它时，一些浏览器会像这样显示轮播图像被推到导航器和标题后面的顶部：

我无法弄清楚我在CSS中缺少什么。有什么想法吗？

谢谢！

Answer 1

我认为IE浏览器的<main>代码存在问题。如果您明确设置main#wrapper { display: block; }，则会解决此问题。

Reference

Answer 2

IE和firefox没有注意到显示：嵌套在＆＃34; main-img＆＃34;你需要它在

Answer 3

感谢您的回复！

我刚加入CSS：body {padding-top：100px;并删除了主＃wrapper {margin-top：100px}，这似乎修复了它。