Question

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

   /* 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，也可能是标题的父/祖先。

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。

如何让我的标题排在浏览器的顶部？

4 个答案: