HTMLバーはすべてのdivを横断する必要があります

Question

HTMLまたはCSSまたはその両方に問題があります。私はすべてのdivを横断するバーを作成する可能性を探しています。上の写真は私のプロジェクトを示しています。

私はCSSでそれを行うためにではなく、別々の画像を配置したいと思います。それは可能ですか？

ありがとうございます。

Answer 1

CSS position propertyを参照してください。

.child { 
 
    height: 100px; 
 
    background-color: blue; 
 
    margin: 5px 0; 
 
    border-radius: 8px; 
 
} 
 

 
.container { 
 
    position: relative; 
 
} 
 

 
.left-bar { 
 
    position: absolute; 
 
    background-color: red; 
 
    height: 100%; 
 
    width: 20%; 
 
    border-radius: 8px; 
 
}

<div class="container"> 
 
    <div class="left-bar"> 
 
    </div> 
 
    
 
    <div class="child"> 
 
    </div> 
 
    
 
    <div class="child"> 
 
    </div> 
 
    
 
    <div class="child"> 
 
    </div> 
 
</div>