私のウェブデザインプロジェクトのバナーは適切な場所にありません

Question

私のバナーはナビゲーションバーのすぐ下にあることを意図していますが、今のところは間にスペースがあります。私はCSSのためにトップを使用しようとし、それは動かない。

バナーのCSSは次のとおりです。私は非常に長い時間のために、この問題を持っていた

/*Index CSS*/ 
 

 
* { 
 
    margin:0px; padding: 0px; 
 
    } 
 

 

 
body { 
 
    position: absolute; 
 
    width: 1250px; 
 
    height: auto; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 

 
} 
 

 
#wrapper { 
 
    background-color: rgb(161, 193, 217); 
 
    position: absolute; 
 
    width: 1250px; 
 
    height: auto; 
 
    margin-left: 5px; 
 
    margin-right: 5px; 
 
} 
 

 

 
#welcome { 
 
    background: url(../Resources/Header/CUiZMwBXAAAQy1M.jpg); 
 
    width: 1250px; 
 
    height: 480px; 
 
} 
 

 

 
#WelcomeTo { 
 
    
 
    color: white; 
 
    font-size: 55px; 
 
    text-align: center; 
 
    font-family: Bebas; 
 
    
 
    margin-top: 100px; 
 
} 
 

 
#LittleChef { 
 
    color: white; 
 
    font-size: 60px; 
 
    text-align: center; 
 
    
 
    font-family: Candy Shop Personal Use; 
 
}

<div id="welcome" name="banner"> 
 
      
 
      <div id="WelcomeTo" name="WelcomeTo"> 
 
      <h1>WELCOME<br>TO</h1> 
 
      </div> 
 
      
 
      <div id="LittleChef" name="LittleChef"> 
 
      <h1>Little Chef</h1> 
 
      </div> 
 
      
 
     </div>

。ここにはscreenshotがあります。

Answer 1

あなたのh1要素の余白ですから。

溶液はh1

0のマージントップに設定されていますし、コードも問題のいずれもがPHPに関連しているラッパー