html - 删除标题图片上方的空白

Question

我研究过各种“空白”问题，但似乎都没有用。我正在使用 normalize.css。我找到的唯一解决方案是做这样的事情:

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

但我怀疑这真的是最好的方法。我怀疑它的响应性和完全跨浏览器兼容。有没有其他可行的解决方案？这是代码笔:

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

Answer 1

上边距来自 <h2>在 parallaxImage div 中。

h2 {
    margin-top:0;
}

将解决问题。