在Flex布局中，子元素的高度可以通过使用flex-direction属性和flex-wrap属性来实现自适应。以下是一个简单的示例：

```html

```

在CSS中，我们可以使用以下样式：

```css .container { display: flex; justify-content: center; align-items: center; }

.flex-item { flex: 1; height: 200px; } ```

在这个例子中，容器的display属性设置为flex，这样它就可以被用来包裹子元素。justify-content和align-items属性被设置为center，这样子元素就会在容器中居中对齐。flex: 1属性被设置为flex-direction属性，这样子元素的高度就会被设置为200px。

请注意，这只是一个基本示例，实际使用时可能需要根据具体需求进行调整。例如，如果你想要让子元素在容器的垂直方向上堆叠，你可能需要使用flex-direction属性为column。