divを別のdivと同じ位置にとどめるようにする

Question

真ん中の黒いdivと同じ場所にとどまるには、私の2つの白い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

あなたが必要とするのは、position：divに絶対的なスタイルプロパティを与えることだけです。

Answer 2

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

それはあなたが必要なものである場合、私はそれだけで私は

Answer 3

を教えていないだ場合は、このソリューションを好きではないので、もし、同じmargin-left: 18vw;

を設定する必要があり、知りません私は分かりません