我的網頁設計項目的橫幅並不在正確的位置

-2

我的橫幅廣告是直接位於導航欄的下方，但截至目前，它之間有空間。我試圖使用頂部的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。

來源

2017-08-13 Ar1bear

無論是代碼也不是問題是有關PHP的填充。 –

這是因爲您的h1元素的餘量。

的解決方案是一套h1的邊距爲0

或者你可以設置包裝

來源

2017-08-13 10:18:05

我的網頁設計項目的橫幅並不在正確的位置

回答

相關問題