弹性盒子布局flex靠右

可以使用 flex 布局来实现弹性盒子靠右的效果。具体实现方法如下：

1.首先，需要将父元素的 display 属性设置为 flex，这样子元素才能使用 flex 布局。

2.然后，将子元素的 flex 属性设置为 1，这样子元素就可以平均分配父元素的宽度。

3.最后，将需要靠右的子元素的 margin-left 属性设置为 auto，这样子元素就会向右移动，直到与父元素的右侧对齐。

下面是一个示例代码，其中有三个子元素，第一个和第二个子元素平均分配父元素的宽度，第三个子元素靠右显示：

<style>
    .container {
        display: flex;
    }
    .item {
        flex: 1;
    }
    .item-right {
        margin-left: auto;
    }
</style>

<div class="container">
    <div class="item">子元素1</div>
    <div class="item">子元素2</div>
    <div class="item item-right">子元素3</div>
</div>