.container {
display: flex;
}
.left {
flex: 0 0 auto;
}
.right {
flex: 1 1 0;
}在上面的代码中，大家定义了一个.container容器，该容器使用flex布局。然后，大家创建了两个子元素，一个是左侧元素.left，另一个是右侧元素.right。
左侧元素设置了一个flex-basis为auto，这意味着它会根据自身内容的宽度自动调整大小，不会占用任何剩余的空间。右侧元素则设置了一个flex-basis为0，这意味着它会占用所有剩余的空间，直到父容器的边缘。
通过这种方式，大家可以实现一个右边自动的布局效果。这在实现响应式布局时非常有用，因为它可以自动适应不同屏幕尺寸和设备宽度。