在Flex布局中，可以使用"flex-grow"属性来按比例分配剩余空间。当父元素容器中的子元素没有设置宽度或设置成auto时，剩余空间将按照每个子元素的flex-grow属性的比例分配。
例如，假设有一个父元素容器，里面有两个子元素，第一个子元素的flex-grow属性设置为2，第二个子元素的flex-grow属性设置为1，那么当父元素容器宽度不足以容纳两个子元素时，第一个子元素将占用剩余空间的2倍，而第二个子元素将占用剩余空间的1倍。
以下是一个示例代码：
html复制代码
html的flex布局
<div class="container">
<div class="item" >Item 1</div>
<div class="item" >Item 2</div>
</div>
在这个示例中，当父元素容器宽度不足以容纳两个子元素时，第一个子元素将占用剩余空间的2倍，而第二个子元素将占用剩余空间的1倍。