删除标题图像上方的空白处

问题描述:

我已经看过各种“空白”问题,但似乎没有任何工作。我正在使用normalize.css。我发现的唯一解决方案是做这样的事情:删除标题图像上方的空白处

.parallaxImage { 
    margin-top: -20px; 
} 

但我怀疑这是真的最好的方式来做到这一点。我怀疑它的响应速度和完全跨浏览器兼容。有没有其他解决方案可行?这里的codepen:

http://codepen.io/anon/pen/GZNovx

+0

你使用重置或标准化或至少为边缘/填充等基本风格? – PVL

+0

是的,我使用正常化(我编辑了我的答案提及),但我明白了:-) –

+0

看起来规范化工做得不好:P我为这些事情定制一个。节省很多时间。试过标准器不喜欢它。 – PVL

上边距从parallaxImage DIV中的<h2>到来。

h2 { 
    margin-top:0; 
} 

将解决此问题。

+0

Ahhh拍摄。这样一个简单的修复。我才意识到如何在未来弄清楚这一点。我可以打开开发工具并检查该区域。谢谢!我会在4分钟内接受答案。 –