要使用CSS的`flex-grow`属性并让内容高度超出容器时显示滚动条,可以按照以下步骤:
1. 在容器的CSS中设置`display: flex;`以启用Flex布局。
2. 使用`flex-grow`属性来定义子元素的增长比例,如`flex-grow: 1;`。这将使子元素根据可用空间均匀分配。
3. 在容器中设置`overflow-y: auto;`属性以启用垂直滚动条,`overflow-x: hidden;`属性以隐藏水平滚动条。
4. 确保内容高度超出容器高度,这样滚动条就会出现。
以下是示例CSS代码:
```css
.container {
display: flex;
...