flex布局高度自适应

可以使用flex布局的属性来实现高度自适应。在flex容器上设置`display: flex`，子元素的高度会根据内容自动调整。

具体来说，可以使用`flex-direction: column`将子元素垂直排列，然后设置`flex-grow: 1`让子元素填充剩余空间。

以下是一个示例代码：

.container {
  display: flex;
  flex-direction: column;
  height: 100%; /* 或者设置具体的高度 */
}

.item {
  flex-grow: 1;
}

在上面的代码中，`.container`是flex容器，`.item`是子元素。通过`flex-direction: column`使子元素垂直排列，并通过`flex-grow: 1`让子元素填充剩余空间。这样就实现了高度自适应的效果。

希望对你有帮助！如果你还有其他问题，请继续提问。