Html 如何删除div的一个角

我有两个容器，一个是红色背景，一个是白色背景。白色背景的部分与红色背景重叠，我想创建一个可以在链接图像中看到的效果。我该怎么办

最终结果应该是：

您可以使用新的

div{
背景：红色；
宽度：200px；
高度：300px；
剪辑路径：多边形（0,80%0,100%20,100%0,100%100,0%100%）；
}