使用对角线分割的两个div-CSS

我试图得到两个div，以适应整个页面的宽度，但分裂成两半的对角线

---

如何通过CSS使用两个div实现这一点？它用于滑块，完成后需要将内容添加到每个部分

示例1

div{
最小高度：100px；
背景：#D25A1E；
位置：相对位置；
宽度：计算（50%-30px）；
}
.1分部{
浮动：左；
}
.第2分部{
浮动：对；
}
.div1:之后.div2:之前{
内容：''；
位置：绝对位置；
排名：0；
宽度：0；
身高：0；
}
.第一组：之后{
左：100%；
边框顶部：100px实心#D25A1E；
右边框：50px实心透明；
}
.第2课：之前{
右：100%；
边框底部：100px实心#D25A1E；
左边框：50px实心透明；
}

到目前为止您尝试了什么？您应该看看。结合使用左侧和右侧有斜面的示例，可以实现所需的效果。如果您在执行操作时遇到问题，请尝试更新问题。我只需要在中心的分裂是对角线的伟大的答案。我只是在做类似的事情。如果在

em

中执行所有值，它会自动调整字体大小-