背景被推下來

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; 
}