为什么在我设置为0px的thoughI图像上面还有一个空白处呢？
为什么在我设置为0px的thoughI图像上面还有一个空白处呢？
提问于 2019-06-11 03:10:22
在我的图像上方似乎有一个空白处，尽管我没有这样设置。
我甚至尝试过将顶边距设置为0，但这并不能解决这个问题。
#header {
background-image: url(https://s3-eu-west-2.amazonaws.com/theartonlinegallery-wp/wp-content/uploads/20180627134442/london-cityscape.jpg);
background-repeat: no-repeat;
height: 350px;
background-position-x: 100%;
background-posititon-y: 75%;
background-size: 1400px;
opacity: 0.8;
text-align: center;
font-family: "Poiret One";
color: white;
margin-top: 0px;
}<div id="header">
<h1>Investment Blog</h1>
</div>
回答 3
Stack Overflow用户
发布于 2019-06-11 03:16:26
如果您运行您发布的代码片段并查看计算出的样式，您将看到，虽然div的margin-top确实为0，但其中包含“投资博客”的h1块的margin-top却不为0。你必须为标题做额外的样式。
Stack Overflow用户
发布于 2019-06-11 03:19:08
这是因为body标记有您看不到的默认值。尝试将body { margin:0px; padding:0px; }添加到CSS文件中，它会将默认填充和边距设置为0。
Stack Overflow用户
发布于 2019-06-11 03:19:55
您需要将body和h1的边距设置为0，如下所示：
body,
#header h1 {
margin-top: 0;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56532225
复制相关文章
相似问题
腾讯云开发者
