如何使用 div 向上移动 div 后删除剩余空间"position:relative"

Question

如何使用position:relative"？来"清空"向上移动div后留下的空间

.part3_container {
        position:relative;
        top:-80px;
}

编辑：.part3_container向上移动80px，.part3_container的原始位置是空白的，但页面的流动在该空间（空白空间）之后开始。换句话说，.part3_container位于top:0px，现在位于-80像素，但原始位置（即top=0px）仍被占用，页面的其余部分在该空间

Answer 1

您可以在.part3_container的底部使用减号边距。

我不太喜欢负利润，但我认为这最适合你的要求。

/* DEMO STYLES */
div {
  height: 180px;
}
.part1_container {
  background: red;
}
.part2_container {
  background: yellow;
}
.part3_container {
  background: green;
  border: dashed 5px black;
}
.part4_container {
  background: blue;
}
.part5_container {
  background: grey;
}
.part6_container {
  background: orange;
}
/* USABLE STYLES */
.part3_container {
  position: relative;
  top: -80px;
  margin-bottom: -80px;
}

<div class="part1_container">part1_container</div>
<div class="part2_container">part2_container</div>
<div class="part3_container">part3_container</div>
<div class="part4_container">part4_container</div>
<div class="part5_container">part5_container</div>
<div class="part6_container">part6_container</div>