我的网页设计项目的横幅不在正确的位置

Question

我的横幅直接位于导航栏下方，但截至目前，它之间有一个空格。我尝试使用top for 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

这是因为"*://*/_/chrome/newtab*"元素的边距。

解决方案将h1的margin-top设置为0。

或者您可以设置包装器的填充