[ad_1]
Hope it helps
body {
margin: 0px;
}
.top,
.bottom {
width: 100%;
height: 100px;
}
.top {
background: red;
}
.bottom {
background: black;
}
.circle {
background: green;
height: 100px;
width: 100px;
border-radius: 50%;
position: absolute;
top: 50px;
left: 50vh;
}<div class="top"></div>
<div class="bottom"></div>
<div class="circle"></div>0
[ad_2]
solved CSS overlap multiple divs