正如您在下面的代码中所看到的，flex容器内的左div延伸以满足右div的高度.我是否可以设置一个属性，使其高度达到容纳其内容所需的最小值(如flex容器外通常的height: auto div)？
#a {
display: flex;
}
#a > div {
background-color: red;
padding: 5px;
margin: 2px;
}
#b {
height: auto;
}<div id="a">
<div id="b">left</div>
<div>right<br>right<br>right<br>right<br>right<br></div>
</div>align-items或align-content属性分别控制这种行为.
align-items定义物品的位置perpendicularly到flex-direction.
默认值flex-direction是row，因此可以用align-items控制垂直放置.
还有一个align-self属性可以控制每个项目的对齐方式.
#a {
display:flex;
align-items:flex-start;
align-content:flex-start;
}
#a > div {
background-color:red;
padding:5px;
margin:2px;
}
#a > #c {
align-self:stretch;
}<div id="a">
<div id="b">left</div>
<div id="c">middle</div>
<div>right<br>right<br>right<br>right<br>right<br></div>
</div>CSS-Tricks在这一主题上的得分很高，为article分.I recommend reading it a couple of times.