CSS重叠多个div

CSS重叠多个div,css,position,Css,Position,你好!!我想用一个圆div来完成这一点。我知道如何在一个div中用绝对和相对来完成定位,但是如果我想用两个div来完成定位,并使圆与这两个div重叠,在CSS中有什么简单/智能的方法吗?希望能有所帮助 正文{ 边际:0px; } 顶部 .底部{ 宽度:100%; 高度:100px; } .顶{ 背景:红色; } .底部{ 背景:黑色; } .圆圈{ 背景:绿色; 高度:100px; 宽度:100px; 边界半径:50%; 位置:绝对位置; 顶部:50px; 左:50vh; } 你能在这里发布

你好!!我想用一个圆div来完成这一点。我知道如何在一个div中用绝对和相对来完成定位,但是如果我想用两个div来完成定位,并使圆与这两个div重叠,在CSS中有什么简单/智能的方法吗?

希望能有所帮助

正文{
边际:0px;
}
顶部
.底部{
宽度:100%;
高度:100px;
}
.顶{
背景:红色;
}
.底部{
背景:黑色;
}
.圆圈{
背景:绿色;
高度:100px;
宽度:100px;
边界半径:50%;
位置:绝对位置;
顶部:50px;
左:50vh;
}


你能在这里发布你的HTML和CSS吗?这样我们就可以看到你到目前为止所做的尝试了。你是想把两个半圆排成一行,还是把一整圈放在div的中心点上?我想把整圈放在div的中心点上