仅当响应时 div 内不需要的顶部填充

Question

谁在读这篇文章，请帮帮我。我有一个简单的网站，一个带有下拉菜单的标题，当它响应时，下面是主要内容 div，称为“porta-contenido”，里面只有一个图像。 header 有一个固定的位置和 z-index:1，所以 'porta-contenido' 有一个相对位置和 top 属性，所以它不会落后于 header。现在，一切正常，但是当我在移动设备上尝试时，“porta-contenido”显示了一个不需要的顶部填充（你可以看到它是那个 div，因为它是黄色的）。我不知道为什么会这样，如果我在这个 div 中设置一个元素，它在桌面模式下会很好，但在移动设备上，它会显示填充。

您可以在此处查看网站示例：http://iniziografico.pe/beta/portafolio.html（您可以通过缩小浏览器来查看移动效果）

这里是 html 和 css： jsfiddle(.)net/on3xavwz/

提前致谢。

Answer 1

看起来div#header 在您的 480 断点下应用了 position: relative。将其更改为 position: absolute 似乎可以清除它。