flex布局右边固定

在Flex布局中，要实现右边固定的效果，可以使用`justify-content`和`align-self`属性来控制元素的位置和对齐方式。

首先，将父容器设置为Flex布局，并将`justify-content`属性设置为`flex-end`，这样所有子元素都会靠右对齐。

然后，在需要固定在右边的子元素上，使用`align-self`属性设置为`flex-end`，这样该子元素会自动靠右对齐。

以下是一个示例代码：

HTML:

<div class="container">
  <div class="element">左边元素</div>
  <div class="element fixed">右边固定元素</div>
</div>

CSS:

.container {
  display: flex;
  justify-content: flex-end;
}

.element {
  flex: 1;
}

.fixed {
  align-self: flex-end;
}

在上面的示例中，`.container`是父容器，`.element`是子元素，`.fixed`是需要固定在右边的子元素。通过设置`align-self: flex-end;`，`.fixed`会固定在右边。

你可以根据自己的实际需求调整和扩展这个示例。希望能对你有所帮助！