如何使标题排在浏览器顶部？

Question

当我插入标题背景图片时，它并没有完全排在浏览器顶部。 标题图片和浏览器顶部之间有一个空白，显示背景色。 我希望页眉一直到屏幕顶部，并且不显示任何背景色。

   /* CSS Document */

html, body, {
    margin: 0;
    padding: 0;
}

body {
       font: 12px/16px Verdana, Geneva, sans-serif;
       color: #000;
       background-color:#426fac;

}

/*** header
****************************************/
#header {
    background: url(images/header-bg.png) no-repeat center top;
    overflow: hidden;
}

有关如何执行此操作的想法？

Answer 1

有一个您不考虑的边距/填充非零的元素。 如果您发布标记，我也许可以帮助您识别它。 这很容易成为您没有设置自己的默认值，即使是对于标签也是如此。

或者您可以使用firebug 。 只需选择#header元素并查看浏览器对其应用的CSS定义。 它可以是#header，也可以是header的父级/祖先。

Answer 2

您可能想定义标头（h1 / div /？）的任何元素也具有0的页边距-许多元素都内置了页边距，这可能会导致您看到的空间，因为#header显然已附加到某物

Answer 3

那是因为你的css有错误

您需要从html,body, {删除最后一个逗号（，），并将其设为html,body {

当前关于html和body的第一个CSS规则由于它而失败。

Answer 4

尝试将#header添加到列表html, body ，得到margin: 0; padding: 0 margin: 0; padding: 0