Html 背景图像不是从左上角开始的
我有如下简单的html和css：Html 背景图像不是从左上角开始的,html,css,Html,Css,我有如下简单的html和css： <body> <header> <div class="top-bar"> <!-- Hamburger menu--> <div class="hamburger-btn"> <span></span>
<body>
<header>
<div class="top-bar">
<!-- Hamburger menu-->
<div class="hamburger-btn">
<span></span>
<span></span>
<span></span>
</div>
<!-- Logo-->
<div class="logo"></div>
</div>
<div class="prod-thumbnail"></div>
</header>
</body>
prod缩略图顶栏产品缩略图定位到相对于标题的位置。根据定位，prod-thumbnail
div应该从浏览器的左上角开始，确实如此（背景#bbb从浏览器的左上角开始），但是我的背景图像不是从左上角开始的。如图所示，从顶部有一个间隙
我已尝试了背景位置
属性的所有可能值。我还尝试了背景大小
属性的不同组合，但没有成功。有谁能告诉我这里发生了什么，因为彩色背景工作正常，但图像背景不正常？您的代码是正确的。没什么问题，所以。。。我猜你的形象是这样的。。。有一个透明的上边框。在任何图像编辑器中查看它
html{
字体大小：16px；
身高：100%；
}
身体{
字号：1.2rem；
线高：0.7雷姆；
保证金：0；
填充：0；
身高：100%；
框大小：边框框；
}
/*****标题样式******/
标题{
显示：块；
身高：30%；
宽度：100%；
位置：相对位置；
}
标题。顶栏{
z指数：2；
}
标题.产品缩略图{
位置：绝对位置；
显示：块；
排名：0；
左：0；
身高：100%；
宽度：100%；
背景：url(https://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg);
背景尺寸：封面；
背景位置：0；
z指数：1；
}
您的代码是正确的。没什么问题，所以。。。我猜你的形象是这样的。。。有一个透明的上边框。在任何图像编辑器中查看它
html{
字体大小：16px；
身高：100%；
}
身体{
字号：1.2rem；
线高：0.7雷姆；
保证金：0；
填充：0；
身高：100%；
框大小：边框框；
}
/*****标题样式******/
标题{
显示：块；
身高：30%；
宽度：100%；
位置：相对位置；
}
标题。顶栏{
z指数：2；
}
标题.产品缩略图{
位置：绝对位置；
显示：块；
排名：0；
左：0；
身高：100%；
宽度：100%；
背景：url(https://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg);
背景尺寸：封面；
背景位置：0；
z指数：1；
}
您好，我在编码时多次遇到这种情况，我发现当我打字时它非常简单和有用
*{
margin: 0px;
padding: 0px;
background-colour: grey; (you can choose which every colour you want and the * will apply that setting on the whole page)
}
这一小行简单的代码确保一切从何处开始都没有问题。为确保此问题不会再次发生，请确保在css文件的开头键入上述代码您好，我在编码时多次遇到这种情况，我发现键入此代码非常简单和有用
*{
margin: 0px;
padding: 0px;
background-colour: grey; (you can choose which every colour you want and the * will apply that setting on the whole page)
}
这一小行简单的代码确保一切从何处开始都没有问题。为确保此问题不再发生，请确保在css文件的开头键入上述代码。正文中的行高可能导致此问题。请尝试将其删除。否，删除行高无效。正文中的行高可能导致此问题。请尝试将其删除。否，删除line-height.Np-Mate无效。我们都去过那里的次数比你想象的要多：），这就是我知道的原因。我们都去过那里的次数比你想象的要多：），这就是我知道的原因。