出于好奇，来自新手的 CSS 位置问题

Question

刚开始认真学习如何创建网站几周。 我现在也在上在线课程。 而且，我想知道下面的标记和样式。 （下面的标记和样式是一个例子。） （本示例代码以课程内容为准。）

.wrapper {
  width: 100vw;
  height: 100vh;
  position: relative;
  /* background-color: black; */
}

.section {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  /* background-color: aqua; */
}

<section class="section-1">
  <div class="section-wrapper section-1-wrapper">
    <div class="section-1-heading-wrapper">
      <h1 class="section-1-heading-i">
        Example Text
      </h1>
    </div>
  </div>
</section>

我想知道为什么有人需要这种样式？在我看来，这似乎是一个重复的样式，所以我想我可以在这方面使用一些帮助:) 如果有人有时间，请告诉我。

Answer 1

位置语句对于网页样式非常有用。这有几种类型：位置：相对，位置：固定，位置：粘性和位置：绝对。我们只能将 css 的 z-index 属性与使用位置声明样式的元素一起使用。所以继续。这是非常重要的属性。