一个范围 柔性格式化的内容被限制在一个父/子关系。
这意味着弹性容器始终是父容器,而弹性项目始终是子容器。Flex属性仅在此关系内起作用。
子代以外的flex容器的后代不是flex布局的一部分,并且不接受flex属性。
您始终需要向父级应用
display: flex或
display: inline-flex向父级应用,才能将flex属性应用于子级。
有迹象表明,仅适用于柔性容器(例如,某些弯曲特性
justify-content,
flex-wrap和
flex-direction),并有只适用于弯曲的物品一定弯曲特性(例如
align-self,
flex-grow和
flex)。
但是,伸缩项目也可以是伸缩容器。在这种情况下,该元素可以接受所有的flex属性。由于每个属性执行不同的功能,因此不存在内部冲突,也不需要覆盖任何内容。



