如何删除由段落和标题标记创建的自动间隙

Question

显然，我必须将父元素溢出属性设置为隐藏，以防止浏览器在它和视图端口顶部之间创建间隙。但即使这样，间隙也会转移到目标元素
我应该避免使用标题和段落，而是使用跨度和div吗？

body {
  background-color: #3A3C3D;
  margin: 0;
}
.backDrop {
  background-color: #aca;
  box-shadow: 0 0 20px black;
  height: 100vh;
  width: 90vw;
  margin: auto;
  position: abolute;
}

    <div class="backDrop">
      <h1>Hello world</h1>
    </div>

https://jsfiddle.net/4p3xotb8/2/

编辑：元素边距属性的样式化解决了我的问题。我想这会更复杂，因为我读到了关于保证金崩溃和其他一切的文章。我甚至在父元素中添加了一个溢出属性。这些都不需要。简单地编辑目标标记的margin属性可以防止它干扰其他样式的实现。非常感谢。

Answer 1

只需删除边距并添加填充即可：

h1,p{
  margin:0;
  padding:10px;
}

JSFiddle

Answer 2

CSS附带了一些HTML标记的应用规则。您所看到的问题听起来像是一个边距或填充问题。

尝试设置h1元素

h1 {
  margin:0;
  padding:0;
}