与另一个div相比，使div保持在相同的位置

Question

与中间的黑色div相比，我需要两个白色的div保持在完全相同的位置。在最小化页面时，应该与黑色div保持完全相同的距离。

#halvfjerds {
  width: 100%;
  height: 1050px;
  background-color: blue;
}

#halvfjerds .timeline {
  background-color: black;
}

#halvfjerds .linje1 {
  width: 500px;
  height: 100px;
  background-color: white;
  margin-left: 18vw;
  margin-top: 220px;
  float: left;
  display: block;
  position: absolute;
}

#halvfjerds .linje2 {
  width: 500px;
  height: 100px;
  background-color: white;
  margin-left: 54vw;
  margin-top: 780px;
  float: left;
  display: block;
  position: absolute;
}

.timeline {
  height: 95%;
  width: 100%;
  float: left;
  margin-top: 1.4%
}

<div id="halvfjerds">
  <div class="timeline">
  </div>
  <div class="linje1">
  </div>
  <div class="linje2">
  </div>
</div>

希望有人可以提供帮助！

Answer 1

#halvfjerds .timeline {
background-color:black;
position: relative;
}

我不知道这是否是您需要的，如果它不是让我知道的话

Answer 2

您必须设置相同的margin-left: 18vw;

如果不喜欢这个解决方案，那么我不明白

Answer 3

你需要的只是给div：绝对样式属性。