仅在响应时 div 内不需要的顶部填充
Unwanted top padding inside div ONLY when responsive
谁在读这篇文章，请帮帮我。我有一个简单的网站，一个 header 带有一个下拉菜单，当它响应时，下面是主要内容 div，称为 'porta-contenido'，里面只有一张图片。 header 的位置是固定的，而 z-index:1，所以 'porta-contenido' 有一个相对位置和顶部 属性，所以它不会落后于 header。现在，一切正常，但当我在移动设备上尝试时，'porta-contenido' 显示不需要的顶部填充（您可以看到它是 div，特别是因为黄色）。我不知道为什么会这样，如果我在此 div 中设置一个元素，它在桌面模式下会很好，但在移动设备上，它会显示填充。
您可以在这里看到网站示例：http://iniziografico.pe/beta/portafolio.html（如果您缩小浏览器大小，可以查看移动效果）
这里是 html 和 css：
jsfiddle(.)net/on3xavwz/
提前致谢。
看起来 div#header 在您的 480 断点下应用了 position: relative。将其更改为 position: absolute 看起来会清除它。
谁在读这篇文章，请帮帮我。我有一个简单的网站，一个 header 带有一个下拉菜单，当它响应时，下面是主要内容 div，称为 'porta-contenido'，里面只有一张图片。 header 的位置是固定的，而 z-index:1，所以 'porta-contenido' 有一个相对位置和顶部 属性，所以它不会落后于 header。现在，一切正常，但当我在移动设备上尝试时，'porta-contenido' 显示不需要的顶部填充（您可以看到它是 div，特别是因为黄色）。我不知道为什么会这样，如果我在此 div 中设置一个元素，它在桌面模式下会很好，但在移动设备上，它会显示填充。
您可以在这里看到网站示例：http://iniziografico.pe/beta/portafolio.html（如果您缩小浏览器大小，可以查看移动效果）
这里是 html 和 css： jsfiddle(.)net/on3xavwz/
提前致谢。
看起来 div#header 在您的 480 断点下应用了 position: relative。将其更改为 position: absolute 看起来会清除它。