Html 为什么flex属性没有'；在容器上设置flex项目时，是否无法对其进行操作？

问题是，当我在容器（即节）上设置flex时，什么也不会发生，但当我在flex项上单独设置它时，它会正常工作。flex属性不是被项目继承了吗？或者我缺少了什么

另外，另一个问题是，当我在main和aside上使用不同的值设置flex-shrink时（比如main为3，aside为2），它似乎不起作用

*{
框大小：边框框；
文本对齐：居中；
保证金：5px；
}
标题{
显示：块；
背景色：红色；
}
旁白{
背景颜色：绿色；
}
主要{
背景：紫色；
}
页脚{
背景色：黑色；
显示：块；
}
/*梅因，在旁边{
flex-grow：继承；
} */
部分{
显示器：flex；
高度：50em；
弹性：1；
}

标题
在一边
主要的
页脚

Flex是Flex grow、Flex shrink和Flex basis的缩写。它适用于flex子级，与容器无关。

---

至于第二个问题，flex shrink定义了一个速率，如果你减小屏幕尺寸，不同的flex子项收缩的速率应该正常工作，但不确定哪里不工作。

@Boypro将其添加到answer@Boypro如果其中一个孩子的“弹性收缩”值为1，另一个孩子的“弹性收缩”值为2，则具有2的孩子的收缩速度将加倍。如果您有更多问题，我将在此提供帮助）@Boypro请向我展示带有图像的标题的问题行为，以便我可以帮助您解决问题that@Boypro在您的示例中，它根本没有宽度，这意味着默认情况下，它只会占用内容所需的空间。此外，默认情况下，所有纯html标记都会响应，并且会收缩。@Boypro的原因有很多，例如更改不同设备上的定位方式、在不同屏幕大小上隐藏或显示smth、更改字体大小、边距和填充。简言之，要使您的网站在可用设备和您希望支持的所有浏览器上看起来良好。有些东西本身可以很好地扩展，有些则不能，这就是为什么我们需要MediaQuery。