子元素怎么高度自适应 – CSS – 前端 css背影

首先你要知道 flex:auto 设置了什么。flex 是 flex-grow、flex-shrink、flex-bases 的缩写。

默认情况下，flex 的值为 0 1 auto, 即子元素不放大，父空间不足时缩小，子元素占空间为本身大小。

flex:auto 和 flex:1 1 auto 是等价的。即父元素有多余空间时，子元素会放大。但这只是横向的放大，和高度没有关系。

你可以设置一下父元素的 align-items 试一下，或者看一下是不是设置的属性被优先级更高的覆盖了。