Html 更改divs位置

这是我的简化css代码：

第一组
第二组
第三组

添加显示：弹性和变更单css

代码

第一组
第二组
第三组

简单的解决方案是将div 2向左浮动：

第一组
第二组
第三组

请参见下面的解决方法

   <style>
   .container { display: flex;}
   .div1 { order: 2}
   .div2 { order: 3}
   .div3 {order: 1}
   </style>

   <div class="container" style="display:block;border:1px solid black;padding:10px;">
    <div class="div1" style="display:inline-block;width:32%;border:1px solid black;">
        div1
    </div>
    <div class="div2" style="display:inline-block;width:32%;border:1px solid black;">
        div2
    </div>
    <div class="div3" style="display:inline-block;width:32%;border:1px solid black;">
        div3
    </div>
   </div>

.container{display:flex；}
.div1{顺序：2}
.div2{顺序：3}
.div3{顺序：1}
第一组
第二组
第三组

您可以使用display flex and order或float div 2 left。您可以使用'float:left'来回答问题。您是否有一个示例，或者如果可能，您可以将其作为答案

   <style>
   .container { display: flex;}
   .div1 { order: 2}
   .div2 { order: 3}
   .div3 {order: 1}
   </style>

   <div class="container" style="display:block;border:1px solid black;padding:10px;">
    <div class="div1" style="display:inline-block;width:32%;border:1px solid black;">
        div1
    </div>
    <div class="div2" style="display:inline-block;width:32%;border:1px solid black;">
        div2
    </div>
    <div class="div3" style="display:inline-block;width:32%;border:1px solid black;">
        div3
    </div>
   </div>