Html 这个方块平铺布局可以用纯CSS排列吗？

有没有办法用纯CSS创建这种灵活的布局安排

到目前为止，我的实验没有成功：（宽度和高度应该是灵活的

---

您可以使用绝对定位的div以及高度和宽度的百分比

正文{
填充：0；
保证金：0；
}
.集装箱{
溢出：自动；
}
.盒子{
背景：#000；
显示：块；
}
.一{
位置：绝对位置；
身高：40%；
宽度：57.5%；
左：0；
排名：0；
}
.二{
位置：绝对位置；
身高：25%；
宽度：40%；
右：0；
排名：0；
}
.三{
位置：绝对位置；
身高：55%；
宽度：35%；
左：0%；
底部：0；
}
.4{
位置：绝对位置；
身高：25%；
宽度：20%；
左：37.5%；
最高：45%；
}
.5{
位置：绝对位置；
身高：40%；
宽度：40%；
右：0；
最高：30%；
}
.6{
位置：绝对位置；
身高：25%；
宽度：62.5%；
右：0；
底部：0；
}

你能给你演示一下实验吗？添加一些代码将有助于usNot使用

flexbox

…当CSS网格开始运行时，那么是的。对不起，但是你的是一个2列框架布局。我需要另一个解决方案。