Css 高度设置为0的全高弹性项目

我在使用flexbox进行开发时有以下代码

#容器{
显示器：flex；
证明内容：周围的空间；
宽度：100%；
}
.内容{
边框：1px纯黑；
显示器：flex；
弯曲方向：立柱；
高度：400px；
宽度：400px；
}
#项目1{
背景色：红色；
柔性生长：1；
身高：0；
}
#项目2{
背景颜色：绿色；
柔性生长：1；
高度：100px；
}
#项目3{
背景颜色：蓝色；
柔性生长：1；
高度：900px；
}

您正在使用flex grow，这就是原因所在。看看这个

因为您的flex direction设置为column，这意味着flex grow从上到下反应，因此flex grow响应的是高度而不是宽度

另一个问题是，为什么弯曲方向是列，而宽度是填充的，因为它是一个显示为块，宽度是由

display:block自动填充的
（在下面）是正确的，解决方案是：
flex-grow:0

这里还有另一个参考
因此，如果一个元素（其父元素具有属性
flex direction:column
）被设置为flex grow任何非零值，那么属性
height
会被忽略吗？非常感谢。不，只要它比父母的身高小就可以考虑。在您的情况下，如果您将家长的身高设置为“自动”，家长的身高将增加到孩子的身高（使“弹性增长”变得毫无意义）@Sir_Faenor感谢您的回答。为了清楚地表达我的问题，我更新了描述。在新的例子中，我创建了三个具有不同高度的项目，但它们都会扩展到父元素的完整高度。那么，这样一个元素的属性高度设置会被忽略吗？非常感谢。您需要查找flex grow属性。我建议您查看一下。在这种情况下，设置属性高度似乎无法正常工作，例如在上面的代码（）中设置
height:600px
。你知道这件事吗？非常感谢。