使用CSS创建可缩放的45度角形状

Question

我正在设计一个需要在div上进行45度角装饰的设计 - 所有纯色

我找到了一些使用边框的CSS解决方案，但这些都需要设置高度。这可能与纯CSS有关，还是必须使用背景图像作为形状？

编辑：这与选址的问题不同，因为内容div是一个可变高度，形状需要调整到内容div的高度