Html 无法使用flexbox将按钮定位在其所在的div右侧

正如您在下面的代码片段中看到的，我有一个div，它的display属性设置为flex，然后这个div有两个子div，它们占用flex:1个空间（50%）。每个div都包含一个按钮

现在的问题是这个。我希望第一个按钮位于第一个div的开头（如此左侧），第二个按钮位于第二个div的结尾（如此右侧）。目前，两个按钮都位于各自div的左侧

当我们这样做的时候，使用flexbox是像我现在做的那样创建并排div的最好方法吗

<代码>。编辑btn、.submit btn{ 显示：块； 颜色：黑色； 光标：指针； 文本对齐：居中； 边界半径：4px； 边界：无； 填充：8px 10px 8px 10px； 线高：1.2； 大纲：无； } .弹性行{ 显示器：flex； 边缘底部：10px； } .柔性柱{ 弹性：1； } .like，.edit{ 宽度：150px； 字体大小：13px； } .提交btn{ 背景色：#4CAF50； } .编辑btn{ 背景色：#13aff0； }

喜欢

您不需要

.flex column

包装器。并使用

justify content:space-between


。编辑btn，
.提交btn{
显示：块；
颜色：黑色；
光标：指针；
文本对齐：居中；
边界半径：4px；
边界：无；
填充：8px 10px 8px 10px；
线高：1.2；
大纲：无；
}
.弹性行{
显示器：flex；
证明内容：之间的空间；
边缘底部：10px；
}
喜欢
.编辑{
宽度：150px；
字体大小：13px；
}
.提交btn{
背景色：#4CAF50；
}
.编辑btn{
背景色：#13aff0；
}

喜欢
只需为第二列的div设置
flex direction:row reverse
？哇，很高兴知道我不需要.flex列包装，因为它们一直是我眼中的刺。