方法一：
一个父盒子里面包含了两个子盒子的，可以用justify-content:space-between属性
<div class='parent'>
<div class="left"></div>
<div class="right"></div>
</div>
.parent {
display:flex;
flex-direction:row;
justify-content:space-between;
}
方法二：
先将子盒子靠右对齐
display：flex；justify-content：flex-end；
然后再单独给红色盒子设置flex：1；
原理：利用flex：1，动态填充宽度
方法三：
可以给红色盒子设置margin-right：auto；
原理： 父盒子设定宽度后，设置margin-right：auto的话会自动占据剩余的全部宽度
文章来源地址https://www.toymoban.com/news/detail-797694.html文章来源：https://www.toymoban.com/news/detail-797694.html
到了这里，关于flex布局 多种方法让两个盒子分布在左右两边的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
