Html 为什么flexbox儿童的身高相同？

我在flex容器中有两个项目，我给了第一个项目一个特定的高度，我希望另一个项目的高度适合它的实际内容

因此，代码非常简单：

.main{
显示：-webkit flex；
显示器：flex；
-webkit flex flow：行nowrap；
/*Safari 6.1+*/
flex-flow：行nowrap；
}
.sub{
边框：1px黑色实心；
柔性生长：1；
}
#sub1{
高度：300px；
右边距：50px；
}

---

因为的默认值是

拉伸

。如果您希望它们顶部对齐且无拉伸，请将其更改为

flex start

.main{
显示器：flex；
flex-flow：行nowrap；
调整项目：灵活启动；
}
.sub{
边框：1px黑色实心；
柔性生长：1；
}
#sub1{
高度：300px；
右边距：50px；
}

---

是的，就是这样，谢谢