背景被推下来

Question

我有这样的代码：

HTML：

<section id= "main"> 
    <h1> Hello </h1> 
</section> 

CSS：

#main { 
    background-image: url("http://www.fullhdwpp.com/wp-content/uploads/Railroad-Tracks-in-the-Autumn-2_www.FullHDWpp.com_.jpg?66e13c"); 
    min-height: 600px; 
} 

问题：我的<h1>正在全力推进的背景下，或其他任何东西我把里面的对于这个问题的部分，或者如果我让字体变大，它会下降。我想要完成的是将图像作为背景/头部并将它保留在那里而不移动的非常简单的任务，但是我不能，实现该目标的最简单方法是什么？任何帮助或解释将不胜感激。

Answer 1

发生了什么事情是"h1"是它的父母元素在一起。这是本机默认值，您可以通过"h1"的保证金设置为0 disapply的行动：

h1 { 
    margin: 0; 
} 

，另外可选择添加填充：

h1 { 
    margin: 0; 
    padding: 5px 5px; 
} 

Answer 2

<section id= "main"> 
    <h1> Hello </h1> 
</section> 

#main { 
    background-image: url(image1.jpg) repeat-x 0px 50px; 
    background-position: 0px 50px; 
    background-repeat: repeat-x; 
} 

h1{ 
    margin:0; 
}