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

时间:2015-06-23 23:24:20

标签: css padding

无论是谁在读这个,请帮助我。我有一个简单的网站,一个带有下拉菜单的标题,当它响应时,下面是主要的内容div,称为“porta-contenido'而且里面只有一个图像。标题的位置是固定的,z-index:1,所以' porta-contenido'具有相对位置和顶级属性,因此它不会落后于标题。现在,一切正常,但是当我在移动设备上试用时,' porta-contenido'显示一个不需要的顶部填充(你可以看到它是div特别是因为颜色为黄色)。我不知道为什么会发生这种情况,如果我在这个div中设置一个元素,它在桌面模式下会很好,但是在移动设备上时,它会显示填充。

您可以在此处查看网站示例:http://iniziografico.pe/beta/portafolio.html(如果缩小浏览器的尺寸,可以查看移动效果)

这里是html和css: 的jsfiddle(。)净/ on3xavwz /

提前致谢。

1 个答案:

答案 0 :(得分:0)

看起来div#header已在您的480个断点处应用了position: relative。将其更改为position: absolute似乎会将其清除。