Css 删除使用边框半径造成的空白

我有两个div元素，由“border左上半径：500px 20px；”和“border右上半径：500px 20px；”分隔。我的问题是用上一个div元素的颜色填充由该半径引起的空白。正如你所看到的，在两个分区之间的角落里有空白，我需要用上分区的灰色填充

.upper {
    background-color: grey;
    overflow:hidden;
}

.downer {
    border-top-left-radius: 500px 20px;
    border-top-right-radius: 500px 20px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

---

您需要将上下两种颜色的父项的背景色设置为灰色，将下一种颜色的背景色设置为白色

我通过添加重叠方法解决了我的问题

位置：相对和
底部：18px到第二个div。所以第二个div的css代码如下所示

.downer {
   position: relative;
   bottom: 18px;
   border-top-left-radius: 500px 20px;
   border-top-right-radius: 500px 20px;
   border-bottom: none;
   border-left: none;
   border-right: none;

}
代码…你能发布你的html和css代码吗？我用代码更新编辑了我的问题。我希望你现在能帮助我。例如，当我添加第三个div时，我希望所有三个div的颜色都不同，我不能按照你的建议来做。你可以，将背景颜色设置为第三个div所需的颜色，然后你就完成了。div边框周围的空白不是致命的颜色，而是父div的背景颜色