HTML5+；CSS:DIV左右浮动

我正在尝试获得以下响应布局

没有运气。有人能帮我吗？ DIV1的宽度为100%，

---

div2、DIV3和DIV4都有float:left，而DIV5有float:right；但是我实现的布局是错误的：（

我尝试使用flexbox创建图像

注意：您可以使用

边距左：自动；

，而不是

浮动：右；

——这样可以自动将所有可用空间分配到div的左侧。

好了！ 我照了你的照片

#换行{
边框样式：实心；
边界宽度：薄；
填充：10px；
最小高度：50px；
最小宽度：100%
显示：流根；
}
#内包装{
显示：内联网格；
}
.div_左{
最小宽度：150px；
最大宽度：150px；
边框样式：实心；
边界宽度：薄；
文本对齐：居中；
浮动：左；
保证金：5px10px 5px10px；
填充：15px；
}
#第2部分{
最小宽度：150px；
最大宽度：150px；
边框样式：实心；
边界宽度：薄；
文本对齐：居中；
浮动：左；
填充：50px 15px 50px 15px；
}
#对{
最小宽度：150px；
最大宽度：150px；
边框样式：实心；
边界宽度：薄；
文本对齐：居中；
浮动：对；
边缘顶部：5px；
填充：15px；
}

Div1
第二组
第三组
第四组
第五组

请改进您的问题：您好，您能用html+css代码创建一个代码段来告诉我们这个问题吗？您在这里不使用网格布局的具体原因是什么？将DIV5放在DIV4之前以强制浮动right@Mr.Jones我很乐意在CSS和HTML5方面提供帮助。：）