Question

我怎样才能＆＃34;冲洗＆＃34;使用position：relative＆＃34;？

向左移动div的空间

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

编辑： .part3_container向上移动80px，.part3_container的原始位置为空，但页面流在该空格（空格）之后开始。换句话说，.part3_container位于top:0px，现在它位于-80px，但原始位置（即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>

如何在使用＆＃34;位置：相对＆＃34;

1 个答案: