Html 标题div won'；不要停留在Chrome浏览器的顶部

我有一个带有渐变背景的#header div。在这个背景中，有网站的徽标，加上底部的导航菜单。该#header div应该位于浏览器顶部-不是固定的，但没有任何填充/边距，否则会留下一块主体背景

这正是Chrome上发生的事情。与其停留在浏览器的顶部，不如将30px的边距顶部放在#标题中。有趣的是，它在Safari上工作得非常好，也就是说，它保持在浏览器的顶部

这是我的代码：

        <div id = "header">

            <div id = "header-content">

                <p id = "logo"> Components </p>

                <div id = "menu-links-div">

                    <ul id = "ul-links">
                        <a href = "index.php"> <li class = "menu-links"> Home </li> </a>
                        <a href = "media.php"> <li class = "menu-links"> Media </li> </a>
                        <a href = "sobre.php"> <li class = "menu-links"> Sobre </li> </a>
                        <a href = "contato.php"> <li class = "menu-links"> Contatos </li> </a>
                    </ul>

                </div>  

            </div>

        </div>

---

验证您的HTML。这是不合法的：

Sobre

列表项周围唯一可以环绕的是列表元素。。但是考虑Rob的建议并验证您的HTML。另外，为什么需要在块内显示标题？块应该足够了。一个问题可能是html中的填充。将css中的“body”更改为

html，body

。

body {
   margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
   box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:100%; -webkit-font-smoothing:subpixel-antialiased; font-size:13px;
}

#header {
   display: inline-block;
   width: 100%;
   background: rgba(90,137,173,1);
   background: -moz-linear-gradient(left, rgba(90,137,173,1) 0%, rgba(195,223,245,1) 51%, rgba(90,137,173,1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(90,137,173,1)), color-stop(51%, rgba(195,223,245,1)), color-stop(100%, rgba(90,137,173,1)));
   background: -webkit-linear-gradient(left, rgba(90,137,173,1) 0%, rgba(195,223,245,1) 51%, rgba(90,137,173,1) 100%);
   background: -o-linear-gradient(left, rgba(90,137,173,1) 0%, rgba(195,223,245,1) 51%, rgba(90,137,173,1) 100%);
   background: -ms-linear-gradient(left, rgba(90,137,173,1) 0%, rgba(195,223,245,1) 51%, rgba(90,137,173,1) 100%);
   background: linear-gradient(to right, rgba(90,137,173,1) 0%, rgba(195,223,245,1) 51%, rgba(90,137,173,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a89ad', endColorstr='#5a89ad', GradientType=1 );
}


#logo {
   text-align: center;
   font-size: 7.5em;
   margin-top: 105px;
   font-family: Alien;
}

#header-content {
   margin: 0 auto;
}