Как Absolute разместить поверх relative?

Question

[Yariik]

Есть простой пример, как елемент с класом abs_pos расположить поверх елемента с классом wrapp?

.side-bar{
        width: 200px;
        height: 100%;
        position: fixed;
        background: red;
    }
    .wrapp{
        margin-left: 200px;
        width: 600px;
        height: 100vh;
        background: green;
        position: relative;
    }
    .abs_pos{
        width: 100px;
        height: 100px;
        background: black;
        position: absolute;
        margin-left: 200px;
    }

<div class="side-bar">
   <div class="abs_pos"></div>
</div>
<div class="wrapp">
    
</div>

Answer 1

[Виталий Першин]

Дать side-bar z-index больше wrapp